diff --git a/src/components/navbar/DefaultNavBar.tsx b/src/components/navbar/DefaultNavBar.tsx
index 76820088..f7560378 100644
--- a/src/components/navbar/DefaultNavBar.tsx
+++ b/src/components/navbar/DefaultNavBar.tsx
@@ -125,7 +125,7 @@ export function DefaultNavBar() {
                     position: 'fixed',
                     marginLeft: actualNavBarWidth,
                     width: `calc(100% - ${actualNavBarWidth}px)`,
-                    zIndex: theme.zIndex.drawer + 1,
+                    zIndex: theme.zIndex.drawer,
                 }}
             >
                 <Toolbar sx={{ position: 'relative' }}>
diff --git a/src/components/navbar/navigation/DesktopSideBar.tsx b/src/components/navbar/navigation/DesktopSideBar.tsx
index 64ad6b5c..30fe25dc 100644
--- a/src/components/navbar/navigation/DesktopSideBar.tsx
+++ b/src/components/navbar/navigation/DesktopSideBar.tsx
@@ -104,7 +104,15 @@ export const DesktopSideBar = ({ navBarItems }: { navBarItems: NavbarItem[] }) =
     );
 
     return (
-        <Drawer variant="permanent" sx={{ width: navBarWidth }}>
+        <Drawer
+            variant="permanent"
+            sx={{
+                width: navBarWidth,
+                '& .MuiDrawer-paper': {
+                    zIndex: (theme) => theme.zIndex.drawer - 1,
+                },
+            }}
+        >
             <Box
                 ref={ref}
                 sx={{