From 1e51a84c233196fb9ae6c67fb6bc0014af791fe6 Mon Sep 17 00:00:00 2001 From: Bernardo Sunderhus Date: Thu, 3 Nov 2022 16:20:28 +0000 Subject: [PATCH] bugfix(react-switch): adds line-height=0 to switch indicator slot --- ...-react-switch-478e98a6-f6a5-411e-bcea-50c112ce9e77.json | 7 +++++++ .../react-switch/src/components/Switch/useSwitchStyles.ts | 1 + 2 files changed, 8 insertions(+) create mode 100644 change/@fluentui-react-switch-478e98a6-f6a5-411e-bcea-50c112ce9e77.json diff --git a/change/@fluentui-react-switch-478e98a6-f6a5-411e-bcea-50c112ce9e77.json b/change/@fluentui-react-switch-478e98a6-f6a5-411e-bcea-50c112ce9e77.json new file mode 100644 index 00000000000000..12cd8f91521ffc --- /dev/null +++ b/change/@fluentui-react-switch-478e98a6-f6a5-411e-bcea-50c112ce9e77.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "bugfix: adds line-height=0 to switch indicator slot", + "packageName": "@fluentui/react-switch", + "email": "bernardo.sunderhus@gmail.com", + "dependentChangeType": "patch" +} diff --git a/packages/react-components/react-switch/src/components/Switch/useSwitchStyles.ts b/packages/react-components/react-switch/src/components/Switch/useSwitchStyles.ts index faffacdf2166be..e358db854fae2d 100644 --- a/packages/react-components/react-switch/src/components/Switch/useSwitchStyles.ts +++ b/packages/react-components/react-switch/src/components/Switch/useSwitchStyles.ts @@ -42,6 +42,7 @@ const useIndicatorStyles = makeStyles({ ...shorthands.borderRadius(tokens.borderRadiusCircular), ...shorthands.borderStyle('solid'), ...shorthands.borderWidth('1px'), + lineHeight: 0, boxSizing: 'border-box', fill: 'currentColor', flexShrink: 0,