diff --git a/web/src/components/layout/Header.tsx b/web/src/components/layout/Header.tsx
index 17c18af..61414e1 100644
--- a/web/src/components/layout/Header.tsx
+++ b/web/src/components/layout/Header.tsx
@@ -10,6 +10,7 @@ import { useInView } from "react-intersection-observer";
 export const Header = () => {
   const { ref: observer, inView: isInView } = useInView({
     triggerOnce: false,
+    initialInView: true,
   });
 
   const [showMenu, setShowMenu] = useState(false);