diff --git a/src/ui/cyberTheme.test.mjs b/src/ui/cyberTheme.test.mjs
index ef0d1c8fa..ca053dd85 100644
--- a/src/ui/cyberTheme.test.mjs
+++ b/src/ui/cyberTheme.test.mjs
@@ -778,8 +778,8 @@ test('the Display selector, voice schema and final stylesheet expose Cyber', ()
   assert.match(cyberStyles, /mask-image: linear-gradient\(/);
   assert.match(cyberStyles, /flex: 1 1 auto;/);
   assert.match(cyberStyles, /#left-panel-stack:has/);
-  assert.match(cyberStyles, /left: 54px;/);
-  assert.match(cyberStyles, /right: 62px;/);
+  assert.match(cyberStyles, /left: calc\(54px \+ var\(--panel-rail-clearance\)\);/);
+  assert.match(cyberStyles, /right: calc\(62px \+ var\(--panel-rail-clearance\)\);/);
   assert.match(cyberStyles, /bottom: calc\(2vh \+ 13rem\);/);
   assert.doesNotMatch(cyberStyles, /NAV 01  \/\/  COMMAND BUS  \/\/  VIS 03/);
   assert.match(cyberStyles, /data-layer-id='satellites'/);
diff --git a/src/ui/styles/cyber.css b/src/ui/styles/cyber.css
index b625b9f81..d391a3bcc 100644
--- a/src/ui/styles/cyber.css
+++ b/src/ui/styles/cyber.css
@@ -1652,7 +1652,7 @@
   :root[data-ui-theme='cyber'] #left-panel-stack {
     top: var(--cyber-left-rail-top) !important;
     bottom: calc(2vh + 13rem);
-    left: 54px;
+    left: calc(54px + var(--panel-rail-clearance));
     width: 300px;
     padding-left: 10px;
     border-left: 1px solid rgba(196, 84, 84, 0.72);
@@ -1734,7 +1734,7 @@
   :root[data-ui-theme='cyber'] #right-context-rail {
     --right-display-collapsed-width: var(--cyber-panel-collapsed-width);
     --right-context-collapsed-width: var(--cyber-panel-collapsed-width);
-    right: 62px;
+    right: calc(62px + var(--panel-rail-clearance));
     width: 312px;
   }
 
diff --git a/src/ui/styles/foundation.css b/src/ui/styles/foundation.css
index 675ae9385..001a7c0d9 100644
--- a/src/ui/styles/foundation.css
+++ b/src/ui/styles/foundation.css
@@ -29,8 +29,9 @@
   --transition-smooth: 300ms cubic-bezier(0.4, 0, 0.2, 1);
   /* The side stacks clear the 52px edge gutter that holds the vertical HUD
      readout, plus the floating panel rail (42px) and its 6px gap. */
-  --left-stack-x: 100px;
-  --right-rail-x: 100px;
+  --panel-rail-clearance: 48px;
+  --left-stack-x: calc(52px + var(--panel-rail-clearance));
+  --right-rail-x: calc(52px + var(--panel-rail-clearance));
   --left-stack-top: 26vh;
   --left-stack-gap: 72px;
   --left-collapsed-width: 176px;