diff --git a/src/hooks/use-mobile.ts b/src/hooks/use-mobile.ts
index 511d4ee..30723d3 100644
--- a/src/hooks/use-mobile.ts
+++ b/src/hooks/use-mobile.ts
@@ -3,7 +3,12 @@ import * as React from 'react';
 const MOBILE_BREAKPOINT = 768;
 
 export function useIsMobile() {
-  const [isMobile, setIsMobile] = React.useState<boolean>(false);
+  const [isMobile, setIsMobile] = React.useState<boolean>(() => {
+    if (typeof window === 'undefined') {
+      return false; // Default for SSR
+    }
+    return window.innerWidth < MOBILE_BREAKPOINT; // Initial value for client
+  });
 
   React.useEffect(() => {
     if (typeof window === 'undefined') {
@@ -14,8 +19,6 @@ export function useIsMobile() {
       setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
     };
 
-    checkIsMobile(); // Set initial value
-
     const resizeObserver = new ResizeObserver(() => {
       checkIsMobile();
     });