From 381119aee57819828be6be5ba42203ab9257e4cf Mon Sep 17 00:00:00 2001 From: Natalie Pina <34781875+nataliepina@users.noreply.github.com> Date: Tue, 21 Feb 2023 09:31:04 -0500 Subject: [PATCH] fix: height of segmentedcontrol (#929) The height of the SegmentedControl is not consistent with other elements. It should align with other components such as buttons, and form elements. Closes D2IQ-95243 --- packages/segmentedControl/style.ts | 1 + .../tests/__snapshots__/SegmentedControl.test.tsx.snap | 2 ++ 2 files changed, 3 insertions(+) diff --git a/packages/segmentedControl/style.ts b/packages/segmentedControl/style.ts index 8f354b8ca..e911f8ed4 100644 --- a/packages/segmentedControl/style.ts +++ b/packages/segmentedControl/style.ts @@ -49,6 +49,7 @@ export const segmentedControlButton = css` export const segmentedControlButtonInner = css` padding: ${buttonPadding.vert} ${buttonPadding.horiz}; + line-height: normal; `; export const segmentedControlButtonActive = css` diff --git a/packages/segmentedControl/tests/__snapshots__/SegmentedControl.test.tsx.snap b/packages/segmentedControl/tests/__snapshots__/SegmentedControl.test.tsx.snap index 4c6e05f59..a359847c5 100644 --- a/packages/segmentedControl/tests/__snapshots__/SegmentedControl.test.tsx.snap +++ b/packages/segmentedControl/tests/__snapshots__/SegmentedControl.test.tsx.snap @@ -55,6 +55,7 @@ exports[`SegmentedControl renders default 1`] = ` .emotion-3 { padding: 10px 18px; + line-height: normal; }