From 2de256ddb6f8defc8d67383dc84c0f2dcd470aaa Mon Sep 17 00:00:00 2001
From: Cee Chen <constance.chen@elastic.co>
Date: Thu, 21 Mar 2024 07:40:25 -0700
Subject: [PATCH 1/2] [EuiTextArea] Fix extra 2-3px of height caused by
 `display: inline-block`

---
 src/components/form/text_area/_text_area.scss | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/components/form/text_area/_text_area.scss b/src/components/form/text_area/_text_area.scss
index 4144e1dd86d..3122fd44140 100644
--- a/src/components/form/text_area/_text_area.scss
+++ b/src/components/form/text_area/_text_area.scss
@@ -2,6 +2,11 @@
   @include euiFormControlStyle;
   line-height: $euiLineHeight; // give more spacing between multiple lines
 
+  // <textarea>s default to `inline-block`, which causes an extra 2-3px of
+  // unnecessary height within its parent `block` form control wrapper.
+  // @see https://stackoverflow.com/a/27536461/4294462
+  display: block;
+
   // Textareas have their own sizing
   &,
   &--compressed {

From 959067168fe616d391bc050fe6224d747fdb2a80 Mon Sep 17 00:00:00 2001
From: Cee Chen <constance.chen@elastic.co>
Date: Thu, 21 Mar 2024 08:00:25 -0700
Subject: [PATCH 2/2] changelog

---
 changelogs/upcoming/7607.md | 3 +++
 1 file changed, 3 insertions(+)
 create mode 100644 changelogs/upcoming/7607.md

diff --git a/changelogs/upcoming/7607.md b/changelogs/upcoming/7607.md
new file mode 100644
index 00000000000..ba7a04f6937
--- /dev/null
+++ b/changelogs/upcoming/7607.md
@@ -0,0 +1,3 @@
+**Bug fixes**
+
+- Fixed `EuiTextArea`'s CSS box model to no longer render a few extra pixels of strut height