diff --git a/src/components/App/SecondarySidebar/index.tsx b/src/components/App/SecondarySidebar/index.tsx
index 8a38dbbe7..2ca6052a1 100644
--- a/src/components/App/SecondarySidebar/index.tsx
+++ b/src/components/App/SecondarySidebar/index.tsx
@@ -40,7 +40,7 @@ const Wrapper = styled(Flex)(({ theme }) => ({
   height: '100vh',
   padding: '16px 20px',
   width: '100%',
-  zIndex: 30,
+  zIndex: 1,
   display: 'flex',
   [theme.breakpoints.up('sm')]: {
     width: MENU_WIDTH,