fix(Button): default padding for small size (#2626)

* fix(Button): low density padding * chore: add changeset
contentful · Dec 6, 2023 · bb5e913 · bb5e913 · vercel · Dec 6, 2023
1 parent 0b3242c
commit bb5e913
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/.changeset/red-pots-trade.md b/.changeset/red-pots-trade.md
@@ -0,0 +1,5 @@
+---
+"@contentful/f36-button": patch
+---
+
+fix(Button): default padding for small size
diff --git a/packages/components/button/src/Button/Button.styles.ts b/packages/components/button/src/Button/Button.styles.ts
@@ -118,7 +118,9 @@ const sizeToStyles = (size: ButtonSize, density: Density): CSSObject => {
       return {
         fontSize: isHighDensity ? tokens.fontSizeS : tokens.fontSizeM,
         lineHeight: tokens.lineHeightCondensed,
-        padding: `${tokens.spacing2Xs} ${tokens.spacingXs}`,
+        padding: isHighDensity
+          ? `${tokens.spacing2Xs} ${tokens.spacingXs}`
+          : `${tokens.spacing2Xs} ${tokens.spacingS}`,
         minHeight: isHighDensity ? '16px' : '32px',
       };
     case 'medium':