diff --git a/src/components/HomeScreen.tsx b/src/components/HomeScreen.tsx
index 42a3c68..6ab3b46 100644
--- a/src/components/HomeScreen.tsx
+++ b/src/components/HomeScreen.tsx
@@ -173,8 +173,14 @@ export function HomeScreen() {
           </div>
         </div>
 
-        {/* bottom nav */}
-        <NavRail bottom />
+        {/* bottom nav — same wrapper as the inner-screen ScreenShell rail
+            (centered max-w-md pill + notch-safe bottom padding) so it looks
+            identical across home and every other screen. */}
+        <div className="shrink-0 px-3 pb-[max(0.5rem,env(safe-area-inset-bottom))]">
+          <div className="mx-auto w-full max-w-md">
+            <NavRail bottom />
+          </div>
+        </div>
       </div>
     </main>
   );