From 2b09cfc5d9ce854d898796f9b113d3ff1b4ce122 Mon Sep 17 00:00:00 2001
From: Marc Mintel <marc@mintel.me>
Date: Sat, 21 Feb 2026 13:57:06 +0100
Subject: [PATCH] fix(ui): always show background on mobile navbar to prevent
 contrast issues

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

diff --git a/components/Header.tsx b/components/Header.tsx
index 2e3c6f03..592a4cad 100644
--- a/components/Header.tsx
+++ b/components/Header.tsx
@@ -101,7 +101,7 @@ export default function Header() {
   const headerClass = cn(
     'fixed top-0 left-0 right-0 z-50 transition-all duration-500 safe-area-p transform-gpu animate-in fade-in slide-in-from-top-12 fill-mode-both',
     {
-      'bg-transparent py-4 md:py-8': isHomePage && !isScrolled && !isMobileMenuOpen,
+      'bg-primary/95 backdrop-blur-md md:bg-transparent py-3 md:py-8 shadow-2xl md:shadow-none': isHomePage && !isScrolled && !isMobileMenuOpen,
       'bg-primary py-3 md:py-4 shadow-2xl': !isHomePage || isScrolled || isMobileMenuOpen,
     },
   );