diff --git a/components/Header.tsx b/components/Header.tsx index 934875b9..2eda8836 100644 --- a/components/Header.tsx +++ b/components/Header.tsx @@ -58,7 +58,7 @@ export default function Header() { ]; const headerClass = cn( - "fixed top-0 left-0 right-0 z-50 transition-all duration-500 safe-area-p", + "fixed top-0 left-0 right-0 z-50 transition-all duration-500 safe-area-p transform-gpu", { "bg-transparent py-4 md:py-8": isHomePage && !isScrolled && !isMobileMenuOpen, "bg-primary py-3 md:py-4 shadow-2xl": !isHomePage || isScrolled || isMobileMenuOpen, @@ -129,9 +129,9 @@ export default function Header() { {/* Mobile Menu Button */} -