[PR feedback] Fix extra inline strut height on EuiSwitches

cee-chen · cee-chen · commit 7cbbbb175c23 · 2024-08-19T11:04:52.000-07:00
diff --git a/packages/eui/src/components/form/switch/switch.styles.ts b/packages/eui/src/components/form/switch/switch.styles.ts
@@ -88,6 +88,9 @@ export const euiSwitchStyles = (euiThemeContext: UseEuiTheme) => {
       position: relative;
       display: inline-flex;
       align-items: flex-start;
+      /* Required for inline-flex CSS to not render an extra 2-3px of strut height
+       * @see https://stackoverflow.com/a/27536461/4294462 */
+      vertical-align: middle;
     `,
     // Skip css`` to avoid generating an extra Emotion className
     enabled: `
