Fix icon size in Buttons

sumup-oss · Dec 8, 2023 · 5e17ccb · 5e17ccb
1 parent 1345824
commit 5e17ccb
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 0 deletions.
diff --git a/.changeset/rare-cycles-vanish.md b/.changeset/rare-cycles-vanish.md
@@ -0,0 +1,5 @@
+---
+'@sumup/circuit-ui': patch
+---
+
+Fixed the size of icons inside Buttons when the available icon size doesn't match the Button size.
diff --git a/packages/circuit-ui/components/Button/Button.module.css b/packages/circuit-ui/components/Button/Button.module.css
@@ -200,6 +200,18 @@
   margin-left: var(--cui-spacings-byte);
 }
 
+.s .leading-icon,
+.s .trailing-icon {
+  width: 16px;
+  height: 16px;
+}
+
+.m .leading-icon,
+.m .trailing-icon {
+  width: 24px;
+  height: 24px;
+}
+
 .base .spinner {
   position: absolute;
   visibility: hidden;