diff --git a/src/components/header/styles.tsx b/src/components/header/styles.tsx
index 860cfa45..36eff962 100644
--- a/src/components/header/styles.tsx
+++ b/src/components/header/styles.tsx
@@ -8,7 +8,6 @@ export const Root = styled(Box)<{ isHidden: boolean }>`
   background-color: ${({ theme }) => theme.colors.backgroundPage};
   transition: transform 0.25s;
   transform: ${({ isHidden }) => `translateY(${isHidden ? -100 : 0}%)`};
-  z-index: 2;
 `
 
 export const LogoLink = styled(Link)`
diff --git a/src/components/hero-main/styles.tsx b/src/components/hero-main/styles.tsx
index 948b3d13..365a0aa7 100644
--- a/src/components/hero-main/styles.tsx
+++ b/src/components/hero-main/styles.tsx
@@ -17,7 +17,6 @@ export const Root = styled(Box)`
 
 export const Inner = styled(Container)`
   position: relative;
-  z-index: 2;
 
   @media screen and (min-width: ${({ theme }) => theme.breakpoints['S']}) {
     display: grid;