diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index 783478e..bd88576 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -25,10 +25,13 @@ const Header: React.FC = () => {
     const location = useLocation();
 
     useEffect(() => {
-        const onScroll = () => setIsScrolled(window.scrollY > 50);
+        const onScroll = () => {
+            setIsScrolled(window.scrollY > 50);
+            if (isMobileMenuOpen) setIsMobileMenuOpen(false);
+        };
         window.addEventListener('scroll', onScroll, { passive: true });
         return () => window.removeEventListener('scroll', onScroll);
-    }, []);
+    }, [isMobileMenuOpen]);
 
     // Close mobile menu on route change
     useEffect(() => {