diff --git a/drb-frontend/app/map/page.tsx b/drb-frontend/app/map/page.tsx
index f5ef68a..9a6831f 100644
--- a/drb-frontend/app/map/page.tsx
+++ b/drb-frontend/app/map/page.tsx
@@ -61,11 +61,11 @@ export default function MapPage() {
       </div>
 
       {loading ? (
-        <div className="flex items-center justify-center h-96 text-gray-600 font-mono text-sm">
+        <div className="flex items-center justify-center h-[calc(100vh-10rem)] border border-gray-800 rounded-lg text-gray-600 font-mono text-sm">
           Loading map…
         </div>
       ) : (
-        <div className="h-[50vh] sm:h-[65vh] min-h-[400px]">
+        <div className="w-full h-[calc(100vh-10rem)] border border-gray-800 rounded-lg overflow-hidden">
           <MapView
             nodes={nodes}
             activeCalls={activeCalls}