fix(button): secondary icon-only width (#1994)

telekom · Jun 13, 2023 · a4e2704 · a4e2704
1 parent 6a32239
commit a4e2704
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/packages/components/src/components/button/button.css b/packages/components/src/components/button/button.css
@@ -169,12 +169,20 @@
   padding-left: var(--spacing-x-icon-only);
   padding-right: var(--spacing-x-icon-only);
 }
+.button--icon-only.button--variant-secondary {
+  padding-left: calc(var(--spacing-x-icon-only) - 1px);
+  padding-right: calc(var(--spacing-x-icon-only) - 1px);
+}
 
 .button--icon-only.button--size-small {
   padding-left: var(--spacing-x-icon-only-small);
   padding-right: var(--spacing-x-icon-only-small);
   min-width: 32px;
 }
+.button--icon-only.button--size-small.button--variant-secondary {
+  padding-left: calc(var(--spacing-x-icon-only-small) - 1px);
+  padding-right: calc(var(--spacing-x-icon-only-small) - 1px);
+}
 
 .button--disabled {
   cursor: not-allowed;