diff --git a/.changeset/breezy-bananas-sell.md b/.changeset/breezy-bananas-sell.md new file mode 100644 index 00000000000..c24c7bbb084 --- /dev/null +++ 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 index 2390ab5d5f9..0f1a08abeff 100644 --- a/packages/switch/src/switch.tsx +++ b/packages/switch/src/switch.tsx @@ -42,7 +42,7 @@ export const Switch = forwardRef((props, ref) => { display: "inline-block", position: "relative", verticalAlign: "middle", - lineHeight: "normal", + lineHeight: 0, ...styles.container, }), [styles.container],