From 5e19e3d727c8fb9ba3a914760346131e8c3a9f40 Mon Sep 17 00:00:00 2001
From: Daniel Gent <daniel.gent@get10up.com>
Date: Fri, 27 Aug 2021 17:43:38 +0200
Subject: [PATCH] Fix z-indexes.

---
 components/common/Navbar/MobileNavMenu.module.css | 1 -
 components/common/Navbar/Navbar.module.css        | 4 ++--
 components/common/Navbar/Navbar.tsx               | 2 +-
 3 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/components/common/Navbar/MobileNavMenu.module.css b/components/common/Navbar/MobileNavMenu.module.css
index 09e748086..510b3401f 100644
--- a/components/common/Navbar/MobileNavMenu.module.css
+++ b/components/common/Navbar/MobileNavMenu.module.css
@@ -14,7 +14,6 @@
   transform: translateY(-100%);
   transition: transform 0.2s ease 0.1s, visibility 0.3s;
   visibility: hidden;
-  z-index: 2;
 }
 
 .navMenu.isOpen {
diff --git a/components/common/Navbar/Navbar.module.css b/components/common/Navbar/Navbar.module.css
index 433222767..674054128 100644
--- a/components/common/Navbar/Navbar.module.css
+++ b/components/common/Navbar/Navbar.module.css
@@ -3,7 +3,7 @@
 }
 
 .navContainer {
-  @apply bg-secondary;
+  @apply bg-secondary relative z-40;
   height: 50px;
 }
 .searchContainer {
@@ -11,7 +11,7 @@
 }
 
 .nav {
-  @apply relative flex flex-row justify-between;
+  @apply relative flex flex-row justify-between z-40;
   padding: 10px 0;
 }
 
diff --git a/components/common/Navbar/Navbar.tsx b/components/common/Navbar/Navbar.tsx
index ae4181852..571a3a4ea 100644
--- a/components/common/Navbar/Navbar.tsx
+++ b/components/common/Navbar/Navbar.tsx
@@ -29,7 +29,6 @@ const Navbar: FC<NavbarProps> = ({ links }) => {
                   <Logo />
                 </a>
               </Link>
-              <MobileNavMenu links={links} isOpen={isMenuOpen} />
               <DesktopNavMenu links={links} />
             </div>
             <MenuButton
@@ -49,6 +48,7 @@ const Navbar: FC<NavbarProps> = ({ links }) => {
           </Container>
         </div>
       )}
+      <MobileNavMenu links={links} isOpen={isMenuOpen} />
     </NavbarRoot>
   )
 }