chore(button): add flex-shrink to SVG and images (#2612)

resolves #2611 ![image](https://github.com/user-attachments/assets/825d154e-3127-4531-a92b-2ddf179081bf) --------- Co-authored-by: Michael Marszalek <[email protected]>
digdir · Oct 15, 2024 · 6c35bb3 · 6c35bb3
1 parent 208cd81
commit 6c35bb3
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 0 deletions.
diff --git a/.changeset/mighty-buttons-yell.md b/.changeset/mighty-buttons-yell.md
@@ -0,0 +1,5 @@
+---
+"@digdir/designsystemet-css": patch
+---
+
+Button: Fix SVG and images shrinking in flex containers
diff --git a/packages/css/button.css b/packages/css/button.css
@@ -29,6 +29,11 @@
   text-align: inherit;
   text-decoration: none;
 
+  & svg,
+  & img {
+    flex-shrink: 0;
+  }
+
   &:focus-visible {
     position: relative; /* Place focusring on top */
   }