diff --git a/components/shared/layouts/header/components/menu/desktop-menu.tsx b/components/shared/layouts/header/components/menu/desktop-menu.tsx
index 7539ee4..50cb3dd 100644
--- a/components/shared/layouts/header/components/menu/desktop-menu.tsx
+++ b/components/shared/layouts/header/components/menu/desktop-menu.tsx
@@ -1,9 +1,7 @@
 import Link from 'next/link'
-import { useState } from 'react'
 import { MenuProps } from './menu'
 import { usePathname } from 'next/navigation'
 import classNames from 'classnames'
-import Image from 'next/image'
 import { ExternalLink } from 'lucide-react'
 
 export const DesktopMenu = ({
diff --git a/components/shared/layouts/header/components/menu/mobile-menu.tsx b/components/shared/layouts/header/components/menu/mobile-menu.tsx
index 66f6da9..b2c00b7 100644
--- a/components/shared/layouts/header/components/menu/mobile-menu.tsx
+++ b/components/shared/layouts/header/components/menu/mobile-menu.tsx
@@ -126,7 +126,7 @@ const MenuIcon = ({
   isOpen: boolean
 }) => {
   return (
-    <div className="relative z-[5]">
+    <div className="relative z-5">
       <button
         className="bg-black rounded-full h-10 w-10 border-none cursor-pointer flex items-center justify-center"
         onClick={handleClick}
diff --git a/components/shared/layouts/header/header.tsx b/components/shared/layouts/header/header.tsx
index 6effaf0..1c1144b 100644
--- a/components/shared/layouts/header/header.tsx
+++ b/components/shared/layouts/header/header.tsx
@@ -5,7 +5,6 @@ import { Container } from 'components/shared/layouts/container/container'
 import debounce from 'lodash/debounce'
 import { useEffect, useRef, useState } from 'react'
 import { Logo } from './components/logo/logo'
-import classNames from 'classnames'
 import { SanityImage } from 'types/image'
 import { InternalOrExternalLink } from 'types/link'
 import { resolveInternalOrExternalLink } from 'utils/link'
@@ -54,6 +53,7 @@ export const Header = ({ logo, items, donate }: Props) => {
         div.style.transition = 'none'
         div.style.boxShadow = 'none'
         div.style.background = 'transparent'
+        div.style.overflow = 'hidden'
         setIsSticky(false)
       }
       // set isSticky to true if the user has scrolled more than 80px
@@ -63,6 +63,7 @@ export const Header = ({ logo, items, donate }: Props) => {
           div.style.position = 'fixed'
           div.style.transform = 'translateY(-100%)'
           div.style.background = '#fff'
+          div.style.overflow = 'visible'
 
           setTimeout(() => {
             div.style.transition = 'all 0.4s cubic-bezier(0.83, 0, 0.17, 1)'