From 38dc4ca2c37a3897c0ae34f566134d911abb32cd Mon Sep 17 00:00:00 2001
From: Alessia Pizzoccheri <apizzoccheri@protonmail.com>
Date: Fri, 22 May 2026 10:44:01 +0200
Subject: [PATCH 1/4] change overflow-hidden property

---
 components/shared/layouts/header/header.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/shared/layouts/header/header.tsx b/components/shared/layouts/header/header.tsx
index 6effaf0..8785584 100644
--- a/components/shared/layouts/header/header.tsx
+++ b/components/shared/layouts/header/header.tsx
@@ -94,7 +94,7 @@ export const Header = ({ logo, items, donate }: Props) => {
   return (
     <header
       ref={ref}
-      className="text-black absolute w-full z-99 overflow-hidden"
+      className="text-black absolute w-full z-99 overflow-x-hidden"
     >
       <Container
         size="lg"

From 9d386ce8daa9f17e15de5b546499e877e97e5896 Mon Sep 17 00:00:00 2001
From: Alessia Pizzoccheri <apizzoccheri@protonmail.com>
Date: Fri, 22 May 2026 11:34:57 +0200
Subject: [PATCH 2/4] fix overflow issue inside mobile menu

---
 components/shared/layouts/header/header.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/components/shared/layouts/header/header.tsx b/components/shared/layouts/header/header.tsx
index 8785584..3cde8d4 100644
--- a/components/shared/layouts/header/header.tsx
+++ b/components/shared/layouts/header/header.tsx
@@ -54,6 +54,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 +64,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)'
@@ -94,7 +96,7 @@ export const Header = ({ logo, items, donate }: Props) => {
   return (
     <header
       ref={ref}
-      className="text-black absolute w-full z-99 overflow-x-hidden"
+      className="text-black absolute w-full z-99 overflow-hidden"
     >
       <Container
         size="lg"

From 2b4e1dad9ca39a2dc1f81b31280b28dd61f433d3 Mon Sep 17 00:00:00 2001
From: Alessia Pizzoccheri <apizzoccheri@protonmail.com>
Date: Fri, 22 May 2026 11:35:20 +0200
Subject: [PATCH 3/4] rempve unused imports

---
 .../shared/layouts/header/components/menu/desktop-menu.tsx      | 2 --
 components/shared/layouts/header/header.tsx                     | 1 -
 2 files changed, 3 deletions(-)

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/header.tsx b/components/shared/layouts/header/header.tsx
index 3cde8d4..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'

From 3a3ab57dc206a663bae8253096039180c52d00ba Mon Sep 17 00:00:00 2001
From: Alessia Pizzoccheri <apizzoccheri@protonmail.com>
Date: Fri, 22 May 2026 11:36:13 +0200
Subject: [PATCH 4/4] clean up classes

---
 .../shared/layouts/header/components/menu/mobile-menu.tsx       | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

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}