diff --git a/src/components/button/button.fluent.scss b/src/components/button/button.fluent.scss index 50ea36435..d5a297a44 100644 --- a/src/components/button/button.fluent.scss +++ b/src/components/button/button.fluent.scss @@ -9,16 +9,19 @@ igc-button[size='small']::part(base) { border-radius: calc(var(--igc-border-radius) * 1); --size: #{utils.rem(24px)}; + padding: 0 utils.rem(8px); } igc-button[size='medium']::part(base) { border-radius: calc(var(--igc-border-radius) * 1); - --size: #{utils.rem(28px)}; + --size: #{utils.rem(32px)}; + padding: 0 utils.rem(16px); } igc-button[size='large']::part(base) { border-radius: calc(var(--igc-border-radius) * 1); - --size: #{utils.rem(32px)}; + --size: #{utils.rem(38px)}; + padding: 0 utils.rem(16px); } // FLAT diff --git a/src/styles/themes/fluent.scss b/src/styles/themes/fluent.scss index 687b15862..02a2c06a4 100644 --- a/src/styles/themes/fluent.scss +++ b/src/styles/themes/fluent.scss @@ -116,10 +116,11 @@ $fluent_subtitle-2: utils.type-style( $fluent_button: utils.type-style( $font-size: utils.rem(14px), $font-weight: 600, - $line-height: utils.rem(14px), + $line-height: normal, $text-transform: capitalize, $margin-top: 0, - $margin-bottom: 0 + $margin-bottom: 0, + $letter-spacing: 0, ); $fluent-type-scale: utils.type-scale(