From 928816d6785d50a7f7fca8d9d146a27f72bea94c Mon Sep 17 00:00:00 2001 From: Jon Rohan Date: Tue, 14 Jul 2026 18:03:16 +0000 Subject: [PATCH] Fix UnderlineNav tab list width in Safari In Safari the UnderlineNav tab list wasn't stretching to fill the underline nav. Add flex-grow: 1 to the list, scoped to the wrap variant so it only applies to UnderlineNav. Keeping it off the shared base rule leaves UnderlinePanels' icon-visibility measurement untouched. --- .changeset/underline-item-list-flex-grow.md | 5 +++++ .../internal/components/UnderlineTabbedInterface.module.css | 1 + 2 files changed, 6 insertions(+) create mode 100644 .changeset/underline-item-list-flex-grow.md diff --git a/.changeset/underline-item-list-flex-grow.md b/.changeset/underline-item-list-flex-grow.md new file mode 100644 index 00000000000..cae26e4cd3e --- /dev/null +++ b/.changeset/underline-item-list-flex-grow.md @@ -0,0 +1,5 @@ +--- +'@primer/react': patch +--- + +Fix `UnderlineNav` tab list not filling the full width of the underline nav in Safari diff --git a/packages/react/src/internal/components/UnderlineTabbedInterface.module.css b/packages/react/src/internal/components/UnderlineTabbedInterface.module.css index 238b18146df..18972c96f7b 100644 --- a/packages/react/src/internal/components/UnderlineTabbedInterface.module.css +++ b/packages/react/src/internal/components/UnderlineTabbedInterface.module.css @@ -24,6 +24,7 @@ max-height: var(--control-xlarge-size); .UnderlineItemList { + flex-grow: 1; flex-wrap: wrap; overflow: hidden; }