From 744f5c7866b6f760bf3c3e10d0f0c6721530996b Mon Sep 17 00:00:00 2001 From: Shiyun Xu Date: Tue, 25 Aug 2026 05:59:26 +0000 Subject: [PATCH] Prevent UnderlineNav borders from triggering overflow Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com> --- .changeset/underline-wrapper-force-no-border.md | 5 +++++ .../internal/components/UnderlineTabbedInterface.module.css | 2 +- 2 files changed, 6 insertions(+), 1 deletion(-) create mode 100644 .changeset/underline-wrapper-force-no-border.md diff --git a/.changeset/underline-wrapper-force-no-border.md b/.changeset/underline-wrapper-force-no-border.md new file mode 100644 index 00000000000..2d218d95f74 --- /dev/null +++ b/.changeset/underline-wrapper-force-no-border.md @@ -0,0 +1,5 @@ +--- +'@primer/react': patch +--- + +UnderlineNav: Prevent external borders from incorrectly triggering the overflow menu diff --git a/packages/react/src/internal/components/UnderlineTabbedInterface.module.css b/packages/react/src/internal/components/UnderlineTabbedInterface.module.css index 8e55f1a796d..9294e7d03c7 100644 --- a/packages/react/src/internal/components/UnderlineTabbedInterface.module.css +++ b/packages/react/src/internal/components/UnderlineTabbedInterface.module.css @@ -25,7 +25,7 @@ /* Pin the vertical box model so external border/padding overrides can't change the height budget and incorrectly trigger the overflow "more" menu */ box-sizing: border-box; - border-block: 0 !important; + border: 0 !important; padding-block: var(--base-size-8) 0 !important; .UnderlineItemList {