diff --git a/change/@fluentui-react-button-900164ea-88e7-4c4d-8bc8-36ec6d3e2619.json b/change/@fluentui-react-button-900164ea-88e7-4c4d-8bc8-36ec6d3e2619.json new file mode 100644 index 0000000000000..faa4ec92133a3 --- /dev/null +++ b/change/@fluentui-react-button-900164ea-88e7-4c4d-8bc8-36ec6d3e2619.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "fix: updated right border token in primary variant of split button", + "packageName": "@fluentui/react-button", + "email": "kakrookaran@gmail.com", + "dependentChangeType": "patch" +} diff --git a/packages/react-components/react-button/src/components/SplitButton/useSplitButtonStyles.styles.ts b/packages/react-components/react-button/src/components/SplitButton/useSplitButtonStyles.styles.ts index fabd4b2341603..7115b633bda11 100644 --- a/packages/react-components/react-button/src/components/SplitButton/useSplitButtonStyles.styles.ts +++ b/packages/react-components/react-button/src/components/SplitButton/useSplitButtonStyles.styles.ts @@ -50,18 +50,18 @@ const useRootStyles = makeStyles({ }, primary: { [`& .${splitButtonClassNames.primaryActionButton}`]: { - borderRightColor: tokens.colorNeutralForegroundOnBrand, + borderRightColor: tokens.colorNeutralStrokeOnBrand, }, ':hover': { [`& .${splitButtonClassNames.primaryActionButton}`]: { - borderRightColor: tokens.colorNeutralForegroundOnBrand, + borderRightColor: tokens.colorNeutralStrokeOnBrand, }, }, ':hover:active': { [`& .${splitButtonClassNames.primaryActionButton}`]: { - borderRightColor: tokens.colorNeutralForegroundOnBrand, + borderRightColor: tokens.colorNeutralStrokeOnBrand, }, },