Fixes #325

docs/getting-started/changelog.md

@@ -6,6 +6,10 @@ Components with the <sl-badge type="warning" pill>Experimental</sl-badge> badge
 
 _During the beta period, these restrictions may be relaxed in the event of a mission-critical bug._ 🐛
 
+## Next
+
+- Fixed bug where `sl-checkbox`, `sl-radio`, and `sl-switch` controls would shrink with long labels [#325](https://github.com/shoelace-style/shoelace/issues/325)
+
 ## 2.0.0-beta.27
 
 - Added `handle-icon` slot to `sl-image-comparer` [#311](https://github.com/shoelace-style/shoelace/issues/311)

src/components/checkbox/checkbox.scss

@@ -16,6 +16,7 @@
 }
 
 .checkbox__control {
+  flex: 0 0 auto;
   position: relative;
   display: inline-flex;
   align-items: center;

src/components/radio/radio.scss

@@ -27,6 +27,7 @@
 }
 
 .radio__control {
+  flex: 0 0 auto;
   position: relative;
   display: inline-flex;
   align-items: center;

src/components/switch/switch.scss

@@ -25,6 +25,7 @@
 }
 
 .switch__control {
+  flex: 0 0 auto;
   position: relative;
   display: inline-flex;
   align-items: center;