diff --git a/change/@fluentui-react-toolbar-d17fdf5d-7561-468e-b616-f1bbe8f690d5.json b/change/@fluentui-react-toolbar-d17fdf5d-7561-468e-b616-f1bbe8f690d5.json new file mode 100644 index 00000000000000..9c0e1418bfe27e --- /dev/null +++ b/change/@fluentui-react-toolbar-d17fdf5d-7561-468e-b616-f1bbe8f690d5.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "Remove margin from Icon in ToolbarButton when vertical prop is passed", + "packageName": "@fluentui/react-toolbar", + "email": "chassunc@microsoft.com", + "dependentChangeType": "patch" +} diff --git a/packages/react-components/react-toolbar/src/components/ToolbarButton/useToolbarButtonStyles.styles.ts b/packages/react-components/react-toolbar/src/components/ToolbarButton/useToolbarButtonStyles.styles.ts index 1163e0a32b042c..421490806dbab4 100644 --- a/packages/react-components/react-toolbar/src/components/ToolbarButton/useToolbarButtonStyles.styles.ts +++ b/packages/react-components/react-toolbar/src/components/ToolbarButton/useToolbarButtonStyles.styles.ts @@ -1,4 +1,4 @@ -import { makeStyles, mergeClasses } from '@griffel/react'; +import { makeStyles, mergeClasses, shorthands } from '@griffel/react'; import { useButtonStyles_unstable } from '@fluentui/react-button'; import { ToolbarButtonState } from './ToolbarButton.types'; @@ -8,6 +8,7 @@ const useBaseStyles = makeStyles({ }, verticalIcon: { fontSize: '24px', + ...shorthands.margin('0'), }, });