diff --git a/apps/status/src/static/app.css b/apps/status/src/static/app.css
index cb621e4..3a46431 100644
--- a/apps/status/src/static/app.css
+++ b/apps/status/src/static/app.css
@@ -64,6 +64,7 @@ h1 { font-size: 1.75rem; font-weight: 700; margin: 0 0 0.5rem; }
 .monitor-compact { background: var(--bg); border: 1px solid var(--border); border-radius: 8px; padding: 0.75rem 1rem; }
 .monitor-compact-header { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 0.5rem; }
 .monitor-compact .bars { height: 24px; }
+.page-components { display: flex; flex-direction: column; gap: 0.5rem; }
 .monitors { display: flex; flex-direction: column; gap: 0.5rem; }
 /* All monitors share one structure: a clickable header row + a collapsible
    detail panel. display_mode just controls whether `expanded-state` is set
diff --git a/apps/status/src/views/page.ejs b/apps/status/src/views/page.ejs
index daf5abe..429db84 100644
--- a/apps/status/src/views/page.ejs
+++ b/apps/status/src/views/page.ejs
@@ -181,6 +181,7 @@
         return d.toLocaleString(undefined, { month: 'short', day: 'numeric', hour: '2-digit', minute: '2-digit' });
       }
     %>
+    <div class="page-components">
     <% groupOrder.forEach(function(gid, gi) {
       const list = grouped[gid];
       if (!list || list.length === 0) return;
@@ -307,6 +308,7 @@
         </div>
       <% } %>
     <% }); %>
+    </div>
 
     <% if (incidents.recent.length > 0) { %>
       <%