SplitButton: updated border right token for primary variant (#28555)

* updated token for split button primary border right * review comments fix --------- Co-authored-by: Makoto Morimoto <[email protected]>
microsoft · Jul 19, 2023 · 14804fe · 14804fe
1 parent 9e52c02
commit 14804fe
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 3 deletions.
diff --git a/change/@fluentui-react-button-900164ea-88e7-4c4d-8bc8-36ec6d3e2619.json 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": "[email protected]",
+ "dependentChangeType": "patch"
+}
diff --git a/...s/react-components/react-button/src/components/SplitButton/useSplitButtonStyles.styles.ts b/...s/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,
  },
  },