diff --git a/src/components/App/SideBar/index.tsx b/src/components/App/SideBar/index.tsx
index fa207294d..71031f3e0 100644
--- a/src/components/App/SideBar/index.tsx
+++ b/src/components/App/SideBar/index.tsx
@@ -80,7 +80,7 @@ const Wrapper = styled(Flex)(({ theme }) => ({
   background: colors.BG1,
   height: '100vh',
   width: '100%',
-  zIndex: 30,
+  zIndex: 1,
   [theme.breakpoints.up('sm')]: {
     width: MENU_WIDTH,
   },