diff --git a/changelogs/upcoming/7380.md b/changelogs/upcoming/7380.md new file mode 100644 index 00000000000..e511087cbd4 --- /dev/null +++ b/changelogs/upcoming/7380.md @@ -0,0 +1,3 @@ +**Bug fixes** + +- Fixed `EuiFormRow`s with `hasEmptyLabelSpace` being very slightly off in vertical alignment diff --git a/src/components/form/form_row/_form_row.scss b/src/components/form/form_row/_form_row.scss index db7cd466e7a..402ddb58642 100644 --- a/src/components/form/form_row/_form_row.scss +++ b/src/components/form/form_row/_form_row.scss @@ -18,7 +18,7 @@ } .euiFormRow--hasEmptyLabelSpace { - margin-top: floor($euiFontSize * $euiBodyLineHeight) + $euiSizeXS; /* 2 */ + margin-top: $euiSize + $euiSizeXS; /* 2 */ // the following ensure that contents that aren't inherently the same height // as inputs will align to the vertical center min-height: $euiFormControlHeight;