feat(eui): align icons to the top

weronikaolejniczak · weronikaolejniczak · commit 1d8f42f0f1fb · 2025-04-22T15:50:53.000+02:00
diff --git a/packages/eui/src/components/form/form_control_layout/form_control_layout_icons.styles.ts b/packages/eui/src/components/form/form_control_layout/form_control_layout_icons.styles.ts
@@ -15,8 +15,13 @@ import { euiFormVariables } from '../form.styles';
 export const euiFormControlLayoutIconsStyles = (
   euiThemeContext: UseEuiTheme
 ) => {
-  const { controlPadding, controlCompressedPadding, controlDisabledColor } =
-    euiFormVariables(euiThemeContext);
+  const {
+    controlHeight,
+    controlCompressedHeight,
+    controlPadding,
+    controlCompressedPadding,
+    controlDisabledColor,
+  } = euiFormVariables(euiThemeContext);
 
   return {
     euiFormControlLayoutIcons: css`
@@ -26,9 +31,11 @@ export const euiFormControlLayoutIconsStyles = (
     `,
     uncompressed: `
       gap: ${mathWithUnits(controlPadding, (x) => x / 2)};
+      max-block-size: ${controlHeight};
     `,
     compressed: css`
       gap: ${mathWithUnits(controlCompressedPadding, (x) => x / 2)};
+      max-block-size: ${controlCompressedHeight};
     `,
     disabled: css`
       cursor: not-allowed;
