diff --git a/src/components/masa-interface/pages/gallery/index.tsx b/src/components/masa-interface/pages/gallery/index.tsx
index 27ea7363..799b10d2 100644
--- a/src/components/masa-interface/pages/gallery/index.tsx
+++ b/src/components/masa-interface/pages/gallery/index.tsx
@@ -98,14 +98,18 @@ const GalleryContainer = () => {
   const pages = [Gallery];
   const { useModalSize, fullScreenGallery } = useMasa();
 
-  useModalSize?.(
-    fullScreenGallery
-      ? {
-          width: window.innerWidth * 0.95,
-          height: window.innerHeight * 0.95,
-        }
-      : { width: 1100, height: 800 }
-  );
+  if (typeof window !== 'undefined') {
+    useModalSize?.(
+      fullScreenGallery
+        ? {
+            width: window.innerWidth * 0.95,
+            height: window.innerHeight * 0.95,
+          }
+        : { width: 1100, height: 800 }
+    );
+  } else {
+    useModalSize?.({ width: 1100, height: 800 });
+  }
 
   const { sbts } = useTabs();
 
diff --git a/src/components/modal/modal.tsx b/src/components/modal/modal.tsx
index 459c6d65..4c2744ec 100644
--- a/src/components/modal/modal.tsx
+++ b/src/components/modal/modal.tsx
@@ -21,8 +21,12 @@ export default function useWindowDimensions() {
       setWindowDimensions(getWindowDimensions());
     }
 
-    window.addEventListener('resize', handleResize);
-    return () => window.removeEventListener('resize', handleResize);
+    if (typeof window !== 'undefined')
+      window.addEventListener('resize', handleResize);
+    return () => {
+      if (typeof window !== 'undefined')
+        window.removeEventListener('resize', handleResize);
+    };
   }, []);
 
   return windowDimensions;