diff --git a/src/components/App/AppBar/index.tsx b/src/components/App/AppBar/index.tsx
index a9670f8ad..3555e1104 100644
--- a/src/components/App/AppBar/index.tsx
+++ b/src/components/App/AppBar/index.tsx
@@ -58,7 +58,7 @@ const Header = styled(Flex).attrs({
   left: 64px;
   right: 32px;
   transition: opacity 1s;
-  z-index: 99;
+  z-index: 1;
   padding: 20px 23px;
 `
 
diff --git a/src/components/App/MainToolbar/index.tsx b/src/components/App/MainToolbar/index.tsx
index 93bc08256..6677dbca6 100644
--- a/src/components/App/MainToolbar/index.tsx
+++ b/src/components/App/MainToolbar/index.tsx
@@ -114,7 +114,7 @@ const Wrapper = styled(Flex).attrs({
   justify: 'flex-start',
 })`
   flex: 0 0 64px;
-  z-index: 31;
+  z-index: 1;
   transition: opacity 1s;
   background: ${colors.BG2};
   position: relative;