Add missing flex-shrink: 0 to iui-button-icon (#2396)

iTwin · Jan 9, 2025 · 9516dcd · 9516dcd
1 parent 310ddc9
commit 9516dcd
Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/.changeset/funny-donkeys-destroy.md b/.changeset/funny-donkeys-destroy.md
@@ -0,0 +1,5 @@
+---
+'@itwin/itwinui-react': patch
+---
+
+Fixed rare bug where icons in button components (e.g. `Button`, `SidenavButton`, etc.) were becoming 0 in width when less space was available.
diff --git a/packages/itwinui-css/src/button/base.scss b/packages/itwinui-css/src/button/base.scss
@@ -40,6 +40,7 @@ $disabledButtonSelectors: '[disabled], :disabled, [aria-disabled="true"], [data-
 
 @mixin iui-button-icon {
   display: inline-flex;
+  flex-shrink: 0;
 
   svg {
     @include mixins.iui-icon-style('m');