From 0ff21b7ae2ea8ba0713858d83de973e1bccd1a9e Mon Sep 17 00:00:00 2001
From: Zeno Kapitein <zeno@gitbook.io>
Date: Tue, 25 Aug 2026 16:35:38 +0200
Subject: [PATCH] Hide the section tabs scroll button when all tabs already fit
 (#4540)

Co-authored-by: Claude Opus 5 <noreply@anthropic.com>
---
 .changeset/section-tabs-phantom-scroll.md                   | 5 +++++
 .../gitbook/src/components/SiteSections/SiteSectionTabs.tsx | 6 +++---
 2 files changed, 8 insertions(+), 3 deletions(-)
 create mode 100644 .changeset/section-tabs-phantom-scroll.md

diff --git a/.changeset/section-tabs-phantom-scroll.md b/.changeset/section-tabs-phantom-scroll.md
new file mode 100644
index 000000000..0e5d0e6ce
--- /dev/null
+++ b/.changeset/section-tabs-phantom-scroll.md
@@ -0,0 +1,5 @@
+---
+"gitbook": patch
+---
+
+Stop the section tabs in the header from showing a scroll button and faded edge when all tabs already fit.
diff --git a/packages/gitbook/src/components/SiteSections/SiteSectionTabs.tsx b/packages/gitbook/src/components/SiteSections/SiteSectionTabs.tsx
index eca980535..0efc75e6d 100644
--- a/packages/gitbook/src/components/SiteSections/SiteSectionTabs.tsx
+++ b/packages/gitbook/src/components/SiteSections/SiteSectionTabs.tsx
@@ -79,9 +79,9 @@ export function SiteSectionTabs(props: {
             >
                 <NavigationMenu.List
                     className={tcls(
-                        '-mx-3 flex grow gap-2 bg-transparent',
-                        'pl-4 sm:pl-6 md:pl-8',
-                        !children ? 'pr-4 sm:pr-6 md:pr-8' : 'pr-4'
+                        'flex grow gap-2 bg-transparent',
+                        'pl-1 sm:pl-3 md:pl-5',
+                        !children ? 'pr-1 sm:pr-3 md:pr-5' : 'pr-1'
                     )}
                     aria-label="Sections"
                     data-gb-sections