diff --git a/components/Header.tsx b/components/Header.tsx
index 546c0548..dd0d3e02 100644
--- a/components/Header.tsx
+++ b/components/Header.tsx
@@ -293,7 +293,7 @@ export default function Header() {
             {/* Mobile Menu Button */}
             <button
               className={cn(
-                'lg:hidden touch-target p-2 rounded-xl bg-white/10 border border-white/20 z-50 transition-all duration-300',
+                'lg:hidden touch-target p-2 rounded-xl bg-white/10 border border-white/20 z-[70] relative transition-all duration-300',
                 textColorClass,
                 isMobileMenuOpen ? 'rotate-90 scale-110' : 'rotate-0 scale-100',
               )}
@@ -338,7 +338,7 @@ export default function Header() {
         {/* Mobile Menu Overlay */}
         <div
           className={cn(
-            'fixed inset-0 bg-primary z-40 lg:hidden transition-all duration-500 ease-in-out flex flex-col',
+            'fixed inset-0 bg-primary z-[60] lg:hidden transition-all duration-500 ease-in-out flex flex-col',
             isMobileMenuOpen
               ? 'opacity-100 translate-y-0'
               : 'opacity-0 -translate-y-full pointer-events-none',