Prevent SegmentedControl-text from wrapping (#2174)

* Prevent SegmentedControl-text from wrapping * Create poor-dots-play.md Co-authored-by: Katie Langerman <[email protected]>
primer · Jul 28, 2022 · 97f178d · 97f178d
1 parent add769c
commit 97f178d
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 0 deletions.
diff --git a/.changeset/poor-dots-play.md b/.changeset/poor-dots-play.md
@@ -0,0 +1,5 @@
+---
+"@primer/css": patch
+---
+
+Prevent `SegmentedControl-text` from wrapping
diff --git a/src/segmented-control/segmented-control.scss b/src/segmented-control/segmented-control.scss
@@ -90,6 +90,8 @@
 // Text -----------------------------------------
 
 .SegmentedControl-text {
+  white-space: nowrap;
+
   // renders a visibly hidden "copy" of the text in bold, reserving box space for when text becomes bold on selected
   &[data-content]::before {
     display: block;