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