From cec2be9dac71044948f1560f3b5c0ea36438f86c Mon Sep 17 00:00:00 2001
From: Hannah Mudge <hannah.wright@elastic.co>
Date: Wed, 17 Jan 2024 14:25:05 -0700
Subject: [PATCH 1/2] Fix alignment issues

---
 .../public/options_list/components/options_list.scss   | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/plugins/controls/public/options_list/components/options_list.scss b/src/plugins/controls/public/options_list/components/options_list.scss
index e0c749441ff6a..ef2975a6c5369 100644
--- a/src/plugins/controls/public/options_list/components/options_list.scss
+++ b/src/plugins/controls/public/options_list/components/options_list.scss
@@ -31,10 +31,12 @@
       color: $euiColorDanger;
     }
 
-    .euiFilterButton__text-hasNotification {
-      flex-grow: 1;
-      justify-content: space-between;
-      width: 0;
+    .euiFilterButton__text {
+      text-align: left;
+
+      &-hasNotification {
+        flex-grow: 1;
+      }
     }
   }
 

From f1ee5ad9f666d712f076ae70f20e80ed83862f1a Mon Sep 17 00:00:00 2001
From: Hannah Mudge <hannah.wright@elastic.co>
Date: Fri, 26 Jan 2024 08:51:55 -0700
Subject: [PATCH 2/2] Remove targeting of EUI class

---
 .../public/options_list/components/options_list.scss       | 7 ++-----
 .../options_list/components/options_list_control.tsx       | 1 +
 2 files changed, 3 insertions(+), 5 deletions(-)

diff --git a/src/plugins/controls/public/options_list/components/options_list.scss b/src/plugins/controls/public/options_list/components/options_list.scss
index ef2975a6c5369..4dca925e952ce 100644
--- a/src/plugins/controls/public/options_list/components/options_list.scss
+++ b/src/plugins/controls/public/options_list/components/options_list.scss
@@ -31,12 +31,9 @@
       color: $euiColorDanger;
     }
 
-    .euiFilterButton__text {
+    .optionsList--selectionText {
+      flex-grow: 1;
       text-align: left;
-
-      &-hasNotification {
-        flex-grow: 1;
-      }
     }
   }
 
diff --git a/src/plugins/controls/public/options_list/components/options_list_control.tsx b/src/plugins/controls/public/options_list/components/options_list_control.tsx
index 11683266ad2f0..5a358b29c6196 100644
--- a/src/plugins/controls/public/options_list/components/options_list_control.tsx
+++ b/src/plugins/controls/public/options_list/components/options_list_control.tsx
@@ -152,6 +152,7 @@ export const OptionsListControl = ({
       isSelected={isPopoverOpen}
       numActiveFilters={validSelectionsCount}
       hasActiveFilters={Boolean(validSelectionsCount)}
+      textProps={{ className: 'optionsList--selectionText' }}
     >
       {hasSelections || existsSelected
         ? selectionDisplayNode