bugfix(react-switch): adds line-height=0 to switch indicator slot (mi…

…crosoft#25507)
Hotell · Feb 9, 2023 · 6f4fb2c · 6f4fb2c
1 parent c3feec5
commit 6f4fb2c
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git a/change/@fluentui-react-switch-478e98a6-f6a5-411e-bcea-50c112ce9e77.json 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": "[email protected]",
+  "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
@@ -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,