diff --git a/wwwroot/index.html b/wwwroot/index.html
index dfea838..cc6d04a 100644
--- a/wwwroot/index.html
+++ b/wwwroot/index.html
@@ -8,7 +8,7 @@
   <!-- Optional: set data-app-base if served from a subfolder (e.g., /vote) -->
   <meta name="app-base" content="">
 </head>
-<body>
+<body class="page">
   <section class="card hidden" id="auth-card">
     <div class="stack horizontal">
       <button class="ghost active" data-auth-tab="login" type="button">Log in</button>
@@ -46,17 +46,19 @@
     </form>
   </section>
 
+  <section>
   <div class="status-bar">
     <div class="status-left">
       <span id="welcome-text">Welcome!</span>
       <a id="logout" href="#" class="link inline-link">Logout</a>
     </div>
     <div class="status-right">
-      <span class="status-dot"></span>
-      <span id="phase-pill">Loading…</span>
-      <span class="counts" id="counts">—</span>
+        <span class="status-dot"></span>
+        <span id="phase-pill">Loading…</span>
+        <span class="counts" id="counts">—</span>
+      </div>
     </div>
-  </div>
+  </section>
 
   <main class="grid">
     <section id="actions-card">
diff --git a/wwwroot/styles.css b/wwwroot/styles.css
index 4195f7c..32c2eb0 100644
--- a/wwwroot/styles.css
+++ b/wwwroot/styles.css
@@ -4,14 +4,18 @@
   color: #e5e7eb;
 }
 
-body {
+.page {
   margin: 0;
   padding: 20px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 16px;
 }
 
 .status-bar {
   display: flex;
-  align-items: center;
+  width: 100%;
   justify-content: space-between;
   gap: 12px;
   background: rgba(15, 23, 42, 0.8);
@@ -43,7 +47,6 @@ body {
   display: grid;
   grid-template-columns: 1fr;
   gap: 16px;
-  margin-top: 16px;
 }
 
 .card {
