From 70d4cdbef67f7f2aa41cfac2b4a6faad09da89f1 Mon Sep 17 00:00:00 2001
From: "opensearch-trigger-bot[bot]"
 <98922864+opensearch-trigger-bot[bot]@users.noreply.github.com>
Date: Thu, 15 Aug 2024 21:30:41 -0700
Subject: [PATCH] Fixes combobox height with appendees (#1338) (#1339)

---------


(cherry picked from commit f704404b51ce1348f1012754b383229bc0c6e9ea)

Signed-off-by: Shenoy Pratik <sgguruda@amazon.com>
Signed-off-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
---
 src/components/combo_box/_combo_box.scss | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/src/components/combo_box/_combo_box.scss b/src/components/combo_box/_combo_box.scss
index d73cd47471..3fa12e8298 100644
--- a/src/components/combo_box/_combo_box.scss
+++ b/src/components/combo_box/_combo_box.scss
@@ -165,6 +165,19 @@
     }
   }
 
+  // Overrides the top and bottom padding of 8px with ouiFormControlLayout--group 
+  // when append/prepend is enabled, original top, bottom padding was 1px
+  .ouiFormControlLayout--group {
+    padding-top: 0;
+    padding-bottom: 0;
+  }
+
+  // Overrides line-height of 16px coming from ouiFormControlLayout--group .ouiText
+  .ouiFormControlLayout--group .ouiText {
+    // sass-lint:disable-block no-important
+    line-height: 0 !important;
+  }
+
   // Overrides the ouiFormControlLayout prepend and append height that is 100%
   .ouiFormControlLayout__prepend,
   .ouiFormControlLayout__append {