diff --git a/static/connections.html b/static/connections.html
index a75bc52..ef9561a 100644
--- a/static/connections.html
+++ b/static/connections.html
@@ -175,7 +175,8 @@
            padding and sidebar, 16px cells with less padding, a narrower
            Connect button. Everything then fits with ~250px to spare. */
         @media (max-width: 1800px) {
-            body { padding: var(--s-4) var(--s-4); }
+            /* page padding at this width lives in rustguac.css, shared by
+               every page, so switching tabs does not shift the gutter */
             .layout { gap: var(--s-4); }
             .sidebar { min-width: 240px; max-width: 280px; padding-right: var(--s-3); }
             .entries-table th, .entries-table td {
diff --git a/static/rustguac.css b/static/rustguac.css
index 1b384ee..22b865a 100644
--- a/static/rustguac.css
+++ b/static/rustguac.css
@@ -57,6 +57,13 @@ body {
     margin: 0;
 }
 
+/* Narrow desktops (a 1710px MacBook display, 1600px monitors): a tighter
+   page gutter. Shared here so every page shifts together and switching
+   tabs does not snap the content sideways. */
+@media (max-width: 1800px) {
+    body { padding: var(--s-4) var(--s-4); }
+}
+
 h1 { color: var(--primary); margin: 0; font-size: 30px; letter-spacing: 0.02em; font-weight: bold; }
 h2 { color: var(--primary); font-size: var(--fz-lg); margin-top: var(--s-5); letter-spacing: 0.02em; }
 h3 { color: var(--text); font-size: var(--fz-md); margin-top: var(--s-4); letter-spacing: 0.02em; }