From 6f4fb2c549f319d2957e15b230cbbac69b930983 Mon Sep 17 00:00:00 2001 From: Bernardo Sunderhus Date: Tue, 8 Nov 2022 15:31:21 +0100 Subject: [PATCH] bugfix(react-switch): adds line-height=0 to switch indicator slot (#25507) --- ...-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 f0124a5bc92866..11f43114c38cb4 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,