From 6a62a3837e748b9191b46a019463581169963ef7 Mon Sep 17 00:00:00 2001
From: Courtney Gosselin <courtney@gosselin.io>
Date: Wed, 11 Dec 2024 15:58:21 -0800
Subject: [PATCH] Sidebar width on lg screens and edge issues

Signed-off-by: Courtney Gosselin <courtney@gosselin.io>
---
 src/layout/MainLayout/index.js | 12 ++----------
 1 file changed, 2 insertions(+), 10 deletions(-)

diff --git a/src/layout/MainLayout/index.js b/src/layout/MainLayout/index.js
index 0b66f3e..1b26412 100644
--- a/src/layout/MainLayout/index.js
+++ b/src/layout/MainLayout/index.js
@@ -79,15 +79,7 @@ const Root = styled('div')(({ theme, leftDrawerOpened }) => ({
         }),
         marginLeft: 0,
         borderBottomLeftRadius: 0,
-        borderBottomRightRadius: 0,
-        [theme.breakpoints.down('lg')]: {
-            marginLeft: '20px'
-            // marginLeft: -(drawerWidth - 20)
-        },
-        [theme.breakpoints.down('md')]: {
-            marginLeft: '20px'
-            // marginLeft: -(drawerWidth - 10)
-        }
+        borderBottomRightRadius: 0
     },
     [`& .${classes.footer}`]: {
         backgroundColor: theme.palette.background.default,
@@ -105,7 +97,7 @@ const Root = styled('div')(({ theme, leftDrawerOpened }) => ({
 
 function MainLayout() {
     const theme = useTheme();
-    const matchDownMd = useMediaQuery(theme.breakpoints.down('lg'));
+    const matchDownMd = useMediaQuery(theme.breakpoints.down('md'));
 
     // Handle left drawer
     const [sidebarContent, setSidebarContent] = useState(null);