diff --git a/server/data.db-shm b/server/data.db-shm
index 54018ee..c21e61d 100644
Binary files a/server/data.db-shm and b/server/data.db-shm differ
diff --git a/server/data.db-wal b/server/data.db-wal
index 1fc0997..68ff237 100644
Binary files a/server/data.db-wal and b/server/data.db-wal differ
diff --git a/src/pages/Dashboard.tsx b/src/pages/Dashboard.tsx
index 1d5f74f..0315116 100644
--- a/src/pages/Dashboard.tsx
+++ b/src/pages/Dashboard.tsx
@@ -34,7 +34,7 @@ export function Dashboard() {
       <TimelinePanel />
 
       <div className="flex min-h-0 flex-1 flex-col overflow-auto lg:flex-row lg:overflow-hidden">
-        <aside className="flex min-h-0 min-w-0 shrink-0 flex-col gap-2 overflow-y-auto overflow-x-visible border-b border-military-border p-3 lg:min-w-[320px] lg:max-w-[340px] lg:border-b-0 lg:border-r lg:p-4">
+        <aside className="order-3 flex min-h-0 min-w-0 shrink-0 flex-col gap-2 overflow-y-auto overflow-x-visible border-b border-military-border p-3 lg:order-1 lg:min-w-[320px] lg:max-w-[340px] lg:border-b-0 lg:border-r lg:p-4">
           <div className="flex h-44 shrink-0 flex-col gap-0 rounded-lg border border-military-us/30 bg-military-panel/80 p-1 lg:h-48">
             <div className="h-[55%] min-h-0 shrink-0">
               <PowerChart
@@ -58,11 +58,11 @@ export function Dashboard() {
           />
         </aside>
 
-        <main className="flex min-h-[200px] min-w-0 flex-1 flex-col overflow-hidden">
-          <div className="min-h-0 flex-1">
+        <main className="order-1 flex min-h-0 min-w-0 flex-1 flex-col overflow-hidden lg:order-2 lg:min-h-[200px]">
+          <div className="min-h-[35vh] min-w-0 flex-1 shrink-0 lg:min-h-0">
             <WarMap />
           </div>
-          <div className="flex shrink-0 flex-col gap-2 border-t border-military-border bg-military-panel/95 px-4 py-2 lg:flex-row lg:items-stretch">
+          <div className="order-2 flex shrink-0 flex-col gap-2 overflow-x-auto border-t border-military-border bg-military-panel/95 px-4 py-2 lg:order-none lg:flex-row lg:items-stretch lg:overflow-visible">
             <BaseStatusPanel keyLocations={situation.usForces.keyLocations} className="shrink-0 lg:min-w-[200px] lg:border-r lg:border-military-border lg:pr-4" />
             <CombatLossesPanel
               usLosses={situation.usForces.combatLosses}
@@ -78,7 +78,7 @@ export function Dashboard() {
           </div>
         </main>
 
-        <aside className="flex min-h-0 min-w-0 shrink-0 flex-col gap-2 overflow-y-auto overflow-x-visible border-t border-military-border p-3 lg:min-w-[320px] lg:max-w-[340px] lg:border-t-0 lg:border-l lg:p-4">
+        <aside className="order-4 flex min-h-0 min-w-0 shrink-0 flex-col gap-2 overflow-y-auto overflow-x-visible border-t border-military-border p-3 lg:min-w-[320px] lg:max-w-[340px] lg:border-t-0 lg:border-l lg:p-4">
           <div className="h-44 shrink-0 rounded-lg border border-military-iran/30 bg-military-panel/80 p-1 lg:h-48">
             <RetaliationGauge
               value={situation.iranForces.retaliationSentiment}