fix(switch): Change lineHeight from "normal" to 0 to remove a few ext…

…ra pixels in … (#5500) * Change lineHeight from "normal" to 0 to remove a few extra pixels in height at the bottom. * chore: add changeset Co-authored-by: Tim Kolberger <tim@kolberger.eu>
chakra-ui · Feb 5, 2022 · c5eb9c0 · c5eb9c0 · vercel · Feb 5, 2022
1 parent e84b477
commit c5eb9c0
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/.changeset/breezy-bananas-sell.md b/.changeset/breezy-bananas-sell.md
@@ -0,0 +1,5 @@
+---
+"@chakra-ui/switch": patch
+---
+
+Fixed an UI issue where the Switch component rendered a few pixels off the baseline.
diff --git a/packages/switch/src/switch.tsx b/packages/switch/src/switch.tsx
@@ -42,7 +42,7 @@ export const Switch = forwardRef<SwitchProps, "input">((props, ref) => {
       display: "inline-block",
       position: "relative",
       verticalAlign: "middle",
-      lineHeight: "normal",
+      lineHeight: 0,
       ...styles.container,
     }),
     [styles.container],