diff --git a/shared/components/rstack-tab-bar.ts b/shared/components/rstack-tab-bar.ts
index ccc0375a..400172ed 100644
--- a/shared/components/rstack-tab-bar.ts
+++ b/shared/components/rstack-tab-bar.ts
@@ -1476,7 +1476,7 @@ const STYLES = `
   align-items: center;
   gap: 0;
   min-height: 36px;
-  padding: 0 8px;
+  padding: 0 4px;
   overflow: visible;
 }
 
diff --git a/website/public/shell.css b/website/public/shell.css
index 3c5262fa..37036d4f 100644
--- a/website/public/shell.css
+++ b/website/public/shell.css
@@ -73,7 +73,7 @@ body.rspace-banner-visible .rstack-header {
   top: 36px;
 }
 body.rspace-banner-visible .rstack-tab-row {
-  top: 91px; /* 36px banner + 56px header - 1px overlap */
+  top: 89px; /* 36px banner + 56px header - 3px overlap */
 }
 body.rspace-banner-visible #app {
   padding-top: 128px; /* 36px banner + 92px normal */
@@ -209,7 +209,7 @@ body.rspace-banner-visible #app {
 
 .rstack-tab-row {
   position: fixed;
-  top: 55px; /* overlap header border by 1px to close gap */
+  top: 53px; /* overlap header bottom border to close gap */
   left: 0;
   right: 0;
   z-index: 9998;
@@ -219,12 +219,13 @@ body.rspace-banner-visible #app {
   background: var(--rs-glass-bg);
   display: flex;
   align-items: center;
+  padding: 0; /* no horizontal padding — span full width */
 }
 
 /* ── Main content area ── */
 
 #app {
-  padding-top: 91px; /* Below fixed header (56px) + tab row (36px) - 1px overlap */
+  padding-top: 89px; /* Below fixed header (56px) + tab row (36px) - 3px overlap */
   height: 100vh;
   display: flex;
   flex-direction: column;