diff --git a/app/(theme)/map/layout.tsx b/app/(theme)/map/layout.tsx
index d1b3366b..3c627640 100644
--- a/app/(theme)/map/layout.tsx
+++ b/app/(theme)/map/layout.tsx
@@ -31,7 +31,7 @@ export default async function MapLayout({
   return (
     <>
       <TopNav {...props} />
-      <main className="pt-14">{children}</main>
+      <main className="overflow-hidden pt-12">{children}</main>
     </>
   )
 }
diff --git a/app/(theme)/map/page.tsx b/app/(theme)/map/page.tsx
index 2723980e..9667905b 100644
--- a/app/(theme)/map/page.tsx
+++ b/app/(theme)/map/page.tsx
@@ -16,7 +16,7 @@ export default async function MapPage() {
   const images = await fetchMapImages()
 
   return (
-    <div className="w-full h-screen">
+    <div className="h-[calc(100dvh-3rem)] w-full overflow-hidden">
       <MapView images={images} />
     </div>
   )