diff --git a/change/@fluentui-react-button-a033d25e-6861-40b4-a52e-eb4632568acb.json b/change/@fluentui-react-button-a033d25e-6861-40b4-a52e-eb4632568acb.json new file mode 100644 index 00000000000000..7a572d97670d1b --- /dev/null +++ b/change/@fluentui-react-button-a033d25e-6861-40b4-a52e-eb4632568acb.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "fix: Small Button now uses token for its border radius", + "packageName": "@fluentui/react-button", + "email": "mehars.6925@gmail.com", + "dependentChangeType": "patch" +} diff --git a/packages/react-components/react-button/src/components/Button/useButtonStyles.styles.ts b/packages/react-components/react-button/src/components/Button/useButtonStyles.styles.ts index a1871ab1a6056f..a6e296ed9167a1 100644 --- a/packages/react-components/react-button/src/components/Button/useButtonStyles.styles.ts +++ b/packages/react-components/react-button/src/components/Button/useButtonStyles.styles.ts @@ -281,7 +281,7 @@ const useRootStyles = makeStyles({ minWidth: '64px', ...shorthands.padding(buttonSpacingSmall, tokens.spacingHorizontalS), - ...shorthands.borderRadius(buttonSpacingSmall), + ...shorthands.borderRadius(tokens.borderRadiusMedium), fontSize: tokens.fontSizeBase200, fontWeight: tokens.fontWeightRegular,