diff --git a/client/src/components/App/Home/styled.js b/client/src/components/App/Home/styled.js
index ad88343..86d2eb7 100644
--- a/client/src/components/App/Home/styled.js
+++ b/client/src/components/App/Home/styled.js
@@ -64,6 +64,7 @@ const Content = styled.article`
     left: 0;
     right: 0;
     bottom: -140px;
+    z-index: 1;
 
     @media (min-width: 768px) {
       bottom: -80px;
diff --git a/client/src/components/App/Nav/styled.js b/client/src/components/App/Nav/styled.js
index c024ac6..1110c79 100644
--- a/client/src/components/App/Nav/styled.js
+++ b/client/src/components/App/Nav/styled.js
@@ -7,7 +7,7 @@ const StyledNav = styled.nav`
   font-weight: 500;
   color: var(--grey-5);
   background-color: white;
-  z-index: 1;
+  z-index: 2;
 
   &.scrolled {
     box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.1);