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
d2iq · Feb 21, 2023 · 381119a · 381119a
1 parent d65b947
commit 381119a
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 0 deletions.
diff --git 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
@@ -55,6 +55,7 @@ exports[`SegmentedControl renders default 1`] = `
 
 .emotion-3 {
   padding: 10px 18px;
+  line-height: normal;
 }
 
 <div
@@ -188,6 +189,7 @@ exports[`SegmentedControl renders with selected 1`] = `
 
 .emotion-3 {
   padding: 10px 18px;
+  line-height: normal;
 }
 
 .emotion-4 {