Fix tab overflow (#2904)

Co-authored-by: camertron <camertron@users.noreply.github.com>
primer · Jun 14, 2024 · 96307bf · 96307bf
1 parent c81cc4d
commit 96307bf
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 1 deletion.
diff --git a/.changeset/quiet-pianos-smash.md b/.changeset/quiet-pianos-smash.md
@@ -0,0 +1,5 @@
+---
+'@primer/view-components': patch
+---
+
+Fix CSS issue causing scrollbars to appear in tabs
diff --git a/...enshots/snapshots.test.ts-snapshots/primer/alpha/tab_panels/default/default.png b/...enshots/snapshots.test.ts-snapshots/primer/alpha/tab_panels/default/default.png
diff --git a/...enshots/snapshots.test.ts-snapshots/primer/alpha/tab_panels/default/focused.png b/...enshots/snapshots.test.ts-snapshots/primer/alpha/tab_panels/default/focused.png
diff --git a/app/components/primer/alpha/tab_nav.pcss b/app/components/primer/alpha/tab_nav.pcss
@@ -10,7 +10,7 @@
 .tabnav-tabs {
   display: flex;
   margin-bottom: calc(var(--borderWidth-thin) * -1);
-  overflow: auto;
+  overflow: hidden;
 }
 
 .tabnav::part(tablist-wrapper) {