diff --git a/src/plugins/controls/common/control_group/control_group_panel_diff_system.ts b/src/plugins/controls/common/control_group/control_group_panel_diff_system.ts
index c412a5589cc32..2b89bc55ba2c0 100644
--- a/src/plugins/controls/common/control_group/control_group_panel_diff_system.ts
+++ b/src/plugins/controls/common/control_group/control_group_panel_diff_system.ts
@@ -8,7 +8,7 @@
 
 import deepEqual from 'fast-deep-equal';
 import { omit, isEqual } from 'lodash';
-import { DEFAULT_SORT } from '../options_list/suggestions_sorting';
+import { OPTIONS_LIST_DEFAULT_SORT } from '../options_list/suggestions_sorting';
 import { OptionsListEmbeddableInput, OPTIONS_LIST_CONTROL } from '../options_list/types';
 
 import { ControlPanelState } from './types';
@@ -65,7 +65,7 @@ export const ControlPanelDiffSystems: {
         Boolean(singleSelectA) === Boolean(singleSelectB) &&
         Boolean(existsSelectedA) === Boolean(existsSelectedB) &&
         Boolean(runPastTimeoutA) === Boolean(runPastTimeoutB) &&
-        deepEqual(sortA ?? DEFAULT_SORT, sortB ?? DEFAULT_SORT) &&
+        deepEqual(sortA ?? OPTIONS_LIST_DEFAULT_SORT, sortB ?? OPTIONS_LIST_DEFAULT_SORT) &&
         isEqual(selectedA ?? [], selectedB ?? []) &&
         deepEqual(inputA, inputB)
       );
diff --git a/src/plugins/controls/common/options_list/mocks.tsx b/src/plugins/controls/common/options_list/mocks.tsx
index ac80ac3873968..943e78c370fc6 100644
--- a/src/plugins/controls/common/options_list/mocks.tsx
+++ b/src/plugins/controls/common/options_list/mocks.tsx
@@ -21,7 +21,13 @@ const mockOptionsListComponentState = {
   ...getDefaultComponentState(),
   field: undefined,
   totalCardinality: 0,
-  availableOptions: ['woof', 'bark', 'meow', 'quack', 'moo'],
+  availableOptions: {
+    woof: { doc_count: 100 },
+    bark: { doc_count: 75 },
+    meow: { doc_count: 50 },
+    quack: { doc_count: 25 },
+    moo: { doc_count: 5 },
+  },
   invalidSelections: [],
   validSelections: [],
 } as OptionsListComponentState;
diff --git a/src/plugins/controls/common/options_list/suggestions_sorting.ts b/src/plugins/controls/common/options_list/suggestions_sorting.ts
index 5289beeeb2a29..a66fe1bdf2891 100644
--- a/src/plugins/controls/common/options_list/suggestions_sorting.ts
+++ b/src/plugins/controls/common/options_list/suggestions_sorting.ts
@@ -10,13 +10,14 @@ import { Direction } from '@elastic/eui';
 
 export type OptionsListSortBy = '_count' | '_key';
 
-export const DEFAULT_SORT: SortingType = { by: '_count', direction: 'desc' };
+export const OPTIONS_LIST_DEFAULT_SORT: OptionsListSortingType = {
+  by: '_count',
+  direction: 'desc',
+};
 
-export const sortDirections: Readonly<Direction[]> = ['asc', 'desc'] as const;
-export type SortDirection = typeof sortDirections[number];
-export interface SortingType {
+export interface OptionsListSortingType {
   by: OptionsListSortBy;
-  direction: SortDirection;
+  direction: Direction;
 }
 
 export const getCompatibleSortingTypes = (type?: string): OptionsListSortBy[] => {
diff --git a/src/plugins/controls/common/options_list/types.ts b/src/plugins/controls/common/options_list/types.ts
index be5f252af3cc6..eb1f7b886d427 100644
--- a/src/plugins/controls/common/options_list/types.ts
+++ b/src/plugins/controls/common/options_list/types.ts
@@ -9,12 +9,13 @@
 import { FieldSpec, DataView, RuntimeFieldSpec } from '@kbn/data-views-plugin/common';
 import type { Filter, Query, BoolQuery, TimeRange } from '@kbn/es-query';
 
-import { SortingType } from './suggestions_sorting';
+import { OptionsListSortingType } from './suggestions_sorting';
 import { DataControlInput } from '../types';
 
 export const OPTIONS_LIST_CONTROL = 'optionsListControl';
 
 export interface OptionsListEmbeddableInput extends DataControlInput {
+  sort?: OptionsListSortingType;
   selectedOptions?: string[];
   existsSelected?: boolean;
   runPastTimeout?: boolean;
@@ -22,7 +23,6 @@ export interface OptionsListEmbeddableInput extends DataControlInput {
   hideExclude?: boolean;
   hideExists?: boolean;
   hideSort?: boolean;
-  sort?: SortingType;
   exclude?: boolean;
 }
 
@@ -32,11 +32,15 @@ export type OptionsListField = FieldSpec & {
   childFieldName?: string;
 };
 
+export interface OptionsListSuggestions {
+  [key: string]: { doc_count: number };
+}
+
 /**
  * The Options list response is returned from the serverside Options List route.
  */
 export interface OptionsListResponse {
-  suggestions: string[];
+  suggestions: OptionsListSuggestions;
   totalCardinality: number;
   invalidSelections?: string[];
 }
@@ -61,6 +65,7 @@ export type OptionsListRequest = Omit<
  */
 export interface OptionsListRequestBody {
   runtimeFieldMap?: Record<string, RuntimeFieldSpec>;
+  sort?: OptionsListSortingType;
   filters?: Array<{ bool: BoolQuery }>;
   selectedOptions?: string[];
   runPastTimeout?: boolean;
@@ -68,6 +73,5 @@ export interface OptionsListRequestBody {
   textFieldName?: string;
   searchString?: string;
   fieldSpec?: FieldSpec;
-  sort?: SortingType;
   fieldName: string;
 }
diff --git a/src/plugins/controls/public/__stories__/controls.stories.tsx b/src/plugins/controls/public/__stories__/controls.stories.tsx
index e891e3ba36685..02a13125ba49c 100644
--- a/src/plugins/controls/public/__stories__/controls.stories.tsx
+++ b/src/plugins/controls/public/__stories__/controls.stories.tsx
@@ -54,7 +54,12 @@ const storybookStubOptionsListRequest = async (
     setTimeout(
       () =>
         r({
-          suggestions: getFlightSearchOptions(request.field.name, request.searchString),
+          suggestions: getFlightSearchOptions(request.field.name, request.searchString).reduce(
+            (o, current, index) => {
+              return { ...o, [current]: { doc_count: index } };
+            },
+            {}
+          ),
           totalCardinality: 100,
         }),
       120
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 1f19382ab506b..43742a817e3ec 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
@@ -93,7 +93,7 @@ export const OptionsListControl = ({ typeaheadSubject }: { typeaheadSubject: Sub
           ) : (
             <>
               {validSelections && (
-                <span>{validSelections?.join(OptionsListStrings.control.getSeparator())}</span>
+                <span>{validSelections.join(OptionsListStrings.control.getSeparator())}</span>
               )}
               {invalidSelections && (
                 <span className="optionsList__filterInvalid">
diff --git a/src/plugins/controls/public/options_list/components/options_list_editor_options.tsx b/src/plugins/controls/public/options_list/components/options_list_editor_options.tsx
index dcfd98eedf395..8496971d131b3 100644
--- a/src/plugins/controls/public/options_list/components/options_list_editor_options.tsx
+++ b/src/plugins/controls/public/options_list/components/options_list_editor_options.tsx
@@ -21,7 +21,7 @@ import { css } from '@emotion/react';
 
 import {
   getCompatibleSortingTypes,
-  DEFAULT_SORT,
+  OPTIONS_LIST_DEFAULT_SORT,
   OptionsListSortBy,
 } from '../../../common/options_list/suggestions_sorting';
 import { OptionsListStrings } from './options_list_strings';
@@ -48,8 +48,8 @@ export const OptionsListEditorOptions = ({
   fieldType,
 }: ControlEditorProps<OptionsListEmbeddableInput>) => {
   const [state, setState] = useState<OptionsListEditorState>({
-    sortDirection: initialInput?.sort?.direction ?? DEFAULT_SORT.direction,
-    sortBy: initialInput?.sort?.by ?? DEFAULT_SORT.by,
+    sortDirection: initialInput?.sort?.direction ?? OPTIONS_LIST_DEFAULT_SORT.direction,
+    sortBy: initialInput?.sort?.by ?? OPTIONS_LIST_DEFAULT_SORT.by,
     runPastTimeout: initialInput?.runPastTimeout,
     singleSelect: initialInput?.singleSelect,
     hideExclude: initialInput?.hideExclude,
@@ -60,8 +60,12 @@ export const OptionsListEditorOptions = ({
   useEffect(() => {
     // when field type changes, ensure that the selected sort type is still valid
     if (!getCompatibleSortingTypes(fieldType).includes(state.sortBy)) {
-      onChange({ sort: DEFAULT_SORT });
-      setState((s) => ({ ...s, sortBy: DEFAULT_SORT.by, sortDirection: DEFAULT_SORT.direction }));
+      onChange({ sort: OPTIONS_LIST_DEFAULT_SORT });
+      setState((s) => ({
+        ...s,
+        sortBy: OPTIONS_LIST_DEFAULT_SORT.by,
+        sortDirection: OPTIONS_LIST_DEFAULT_SORT.direction,
+      }));
     }
   }, [fieldType, onChange, state.sortBy]);
 
diff --git a/src/plugins/controls/public/options_list/components/options_list_popover.test.tsx b/src/plugins/controls/public/options_list/components/options_list_popover.test.tsx
index ef4e0a8ed0b36..b1315be51ae1e 100644
--- a/src/plugins/controls/public/options_list/components/options_list_popover.test.tsx
+++ b/src/plugins/controls/public/options_list/components/options_list_popover.test.tsx
@@ -66,7 +66,7 @@ describe('Options list popover', () => {
   });
 
   test('no available options', async () => {
-    const popover = await mountComponent({ componentState: { availableOptions: [] } });
+    const popover = await mountComponent({ componentState: { availableOptions: {} } });
     const availableOptionsDiv = findTestSubject(popover, 'optionsList-control-available-options');
     const noOptionsDiv = findTestSubject(
       availableOptionsDiv,
@@ -118,6 +118,43 @@ describe('Options list popover', () => {
     expect(sortButton.prop('disabled')).toBe(true);
   });
 
+  test('test single invalid selection', async () => {
+    const popover = await mountComponent({
+      explicitInput: {
+        selectedOptions: ['bark', 'woof'],
+      },
+      componentState: {
+        availableOptions: {
+          bark: { doc_count: 75 },
+        },
+        validSelections: ['bark'],
+        invalidSelections: ['woof'],
+      },
+    });
+    const validSelection = findTestSubject(popover, 'optionsList-control-selection-bark');
+    expect(validSelection.text()).toEqual('bark75');
+    const title = findTestSubject(popover, 'optionList__ignoredSelectionLabel').text();
+    expect(title).toEqual('Ignored selection');
+    const invalidSelection = findTestSubject(popover, 'optionsList-control-ignored-selection-woof');
+    expect(invalidSelection.text()).toEqual('woof');
+    expect(invalidSelection.hasClass('optionsList__selectionInvalid')).toBe(true);
+  });
+
+  test('test title when multiple invalid selections', async () => {
+    const popover = await mountComponent({
+      explicitInput: { selectedOptions: ['bark', 'woof', 'meow'] },
+      componentState: {
+        availableOptions: {
+          bark: { doc_count: 75 },
+        },
+        validSelections: ['bark'],
+        invalidSelections: ['woof', 'meow'],
+      },
+    });
+    const title = findTestSubject(popover, 'optionList__ignoredSelectionLabel').text();
+    expect(title).toEqual('Ignored selections');
+  });
+
   test('should default to exclude = false', async () => {
     const popover = await mountComponent();
     const includeButton = findTestSubject(popover, 'optionsList__includeResults');
@@ -172,7 +209,7 @@ describe('Options list popover', () => {
 
   test('if existsSelected = false and no suggestions, then "Exists" does not show up', async () => {
     const popover = await mountComponent({
-      componentState: { availableOptions: [] },
+      componentState: { availableOptions: {} },
       explicitInput: { existsSelected: false },
     });
     const existsOption = findTestSubject(popover, 'optionsList-control-selection-exists');
diff --git a/src/plugins/controls/public/options_list/components/options_list_popover.tsx b/src/plugins/controls/public/options_list/components/options_list_popover.tsx
index bc1e62fccfda7..6ad39e0b3dbd9 100644
--- a/src/plugins/controls/public/options_list/components/options_list_popover.tsx
+++ b/src/plugins/controls/public/options_list/components/options_list_popover.tsx
@@ -46,8 +46,8 @@ export const OptionsListPopover = ({ width, updateSearchString }: OptionsListPop
 
   return (
     <span
-      id={`control-popover-${id}`}
       role="listbox"
+      id={`control-popover-${id}`}
       aria-label={OptionsListStrings.popover.getAriaLabel(fieldName)}
     >
       <EuiPopoverTitle paddingSize="s">{title}</EuiPopoverTitle>
@@ -59,10 +59,10 @@ export const OptionsListPopover = ({ width, updateSearchString }: OptionsListPop
         />
       )}
       <div
-        style={{ width: width > 300 ? width : undefined }}
         className="optionsList __items"
-        data-option-count={availableOptions?.length ?? 0}
+        style={{ width: width > 300 ? width : undefined }}
         data-test-subj={`optionsList-control-available-options`}
+        data-option-count={Object.keys(availableOptions ?? {}).length}
       >
         <OptionsListPopoverSuggestions showOnlySelected={showOnlySelected} />
         {!showOnlySelected && invalidSelections && !isEmpty(invalidSelections) && (
diff --git a/src/plugins/controls/public/options_list/components/options_list_popover_action_bar.tsx b/src/plugins/controls/public/options_list/components/options_list_popover_action_bar.tsx
index f6be1cb0e7a62..375a2a2058692 100644
--- a/src/plugins/controls/public/options_list/components/options_list_popover_action_bar.tsx
+++ b/src/plugins/controls/public/options_list/components/options_list_popover_action_bar.tsx
@@ -112,7 +112,11 @@ export const OptionsListPopoverActionBar = ({
                 display={showOnlySelected ? 'base' : 'empty'}
                 onClick={() => setShowOnlySelected(!showOnlySelected)}
                 data-test-subj="optionsList-control-show-only-selected"
-                aria-label={OptionsListStrings.popover.getClearAllSelectionsButtonTitle()}
+                aria-label={
+                  showOnlySelected
+                    ? OptionsListStrings.popover.getAllOptionsButtonTitle()
+                    : OptionsListStrings.popover.getSelectedOptionsButtonTitle()
+                }
               />
             </EuiToolTip>
           </EuiFlexItem>
diff --git a/src/plugins/controls/public/options_list/components/options_list_popover_invalid_selections.tsx b/src/plugins/controls/public/options_list/components/options_list_popover_invalid_selections.tsx
index 1a6ec2176dd42..01c9f14363a4c 100644
--- a/src/plugins/controls/public/options_list/components/options_list_popover_invalid_selections.tsx
+++ b/src/plugins/controls/public/options_list/components/options_list_popover_invalid_selections.tsx
@@ -26,11 +26,14 @@ export const OptionsListPopoverInvalidSelections = () => {
 
   // Select current state from Redux using multiple selectors to avoid rerenders.
   const invalidSelections = select((state) => state.componentState.invalidSelections);
-
   return (
     <>
       <EuiSpacer size="s" />
-      <EuiTitle size="xxs" className="optionsList-control-ignored-selection-title">
+      <EuiTitle
+        size="xxs"
+        className="optionsList-control-ignored-selection-title"
+        data-test-subj="optionList__ignoredSelectionLabel"
+      >
         <label>
           {OptionsListStrings.popover.getInvalidSelectionsSectionTitle(
             invalidSelections?.length ?? 0
@@ -44,6 +47,7 @@ export const OptionsListPopoverInvalidSelections = () => {
           className="optionsList__selectionInvalid"
           key={index}
           onClick={() => dispatch(deselectOption(ignoredSelection))}
+          aria-label={OptionsListStrings.popover.getInvalidSelectionAriaLabel(ignoredSelection)}
         >
           {`${ignoredSelection}`}
         </EuiFilterSelectItem>
diff --git a/src/plugins/controls/public/options_list/components/options_list_popover_sorting_button.tsx b/src/plugins/controls/public/options_list/components/options_list_popover_sorting_button.tsx
index 5facbf6b6e39d..91482e6f54668 100644
--- a/src/plugins/controls/public/options_list/components/options_list_popover_sorting_button.tsx
+++ b/src/plugins/controls/public/options_list/components/options_list_popover_sorting_button.tsx
@@ -6,14 +6,13 @@
  * Side Public License, v 1.
  */
 
-import React, { useMemo, useState } from 'react';
+import React, { useState } from 'react';
 
 import {
   EuiButtonGroupOptionProps,
   EuiSelectableOption,
   EuiPopoverTitle,
   EuiButtonGroup,
-  toSentenceCase,
   EuiButtonIcon,
   EuiSelectable,
   EuiFlexGroup,
@@ -26,8 +25,7 @@ import { useReduxEmbeddableContext } from '@kbn/presentation-util-plugin/public'
 
 import {
   getCompatibleSortingTypes,
-  DEFAULT_SORT,
-  sortDirections,
+  OPTIONS_LIST_DEFAULT_SORT,
   OptionsListSortBy,
 } from '../../../common/options_list/suggestions_sorting';
 import { OptionsListReduxState } from '../types';
@@ -40,9 +38,6 @@ interface OptionsListSortingPopoverProps {
 type SortByItem = EuiSelectableOption & {
   data: { sortBy: OptionsListSortBy };
 };
-type SortOrderItem = EuiButtonGroupOptionProps & {
-  value: Direction;
-};
 
 export const OptionsListPopoverSortingButton = ({
   showOnlySelected,
@@ -57,7 +52,7 @@ export const OptionsListPopoverSortingButton = ({
 
   // Select current state from Redux using multiple selectors to avoid rerenders.
   const field = select((state) => state.componentState.field);
-  const sort = select((state) => state.explicitInput.sort ?? DEFAULT_SORT);
+  const sort = select((state) => state.explicitInput.sort ?? OPTIONS_LIST_DEFAULT_SORT);
 
   const [isSortingPopoverOpen, setIsSortingPopoverOpen] = useState(false);
 
@@ -73,18 +68,20 @@ export const OptionsListPopoverSortingButton = ({
     });
   });
 
-  const sortOrderOptions = useMemo(
-    () =>
-      sortDirections.map((key) => {
-        return {
-          id: key,
-          iconType: `sort${toSentenceCase(key)}ending`,
-          'data-test-subj': `optionsList__sortOrder_${key}`,
-          label: OptionsListStrings.editorAndPopover.sortOrder[key].getSortOrderLabel(),
-        } as SortOrderItem;
-      }),
-    []
-  );
+  const sortOrderOptions: EuiButtonGroupOptionProps[] = [
+    {
+      id: 'asc',
+      iconType: `sortAscending`,
+      'data-test-subj': `optionsList__sortOrder_asc`,
+      label: OptionsListStrings.editorAndPopover.sortOrder.asc.getSortOrderLabel(),
+    },
+    {
+      id: 'desc',
+      iconType: `sortDescending`,
+      'data-test-subj': `optionsList__sortOrder_desc`,
+      label: OptionsListStrings.editorAndPopover.sortOrder.desc.getSortOrderLabel(),
+    },
+  ];
 
   const onSortByChange = (updatedOptions: SortByItem[]) => {
     setSortByOptions(updatedOptions);
diff --git a/src/plugins/controls/public/options_list/components/options_list_popover_suggestions.tsx b/src/plugins/controls/public/options_list/components/options_list_popover_suggestions.tsx
index 5ca609d6ac64d..7983043ae1d8a 100644
--- a/src/plugins/controls/public/options_list/components/options_list_popover_suggestions.tsx
+++ b/src/plugins/controls/public/options_list/components/options_list_popover_suggestions.tsx
@@ -8,7 +8,17 @@
 
 import React, { useMemo } from 'react';
 
-import { EuiFilterSelectItem, EuiSpacer, EuiIcon } from '@elastic/eui';
+import {
+  EuiFilterSelectItem,
+  EuiFlexGroup,
+  EuiFlexItem,
+  EuiToolTip,
+  EuiSpacer,
+  EuiIcon,
+  useEuiTheme,
+  EuiText,
+} from '@elastic/eui';
+import { css } from '@emotion/react';
 import { useReduxEmbeddableContext } from '@kbn/presentation-util-plugin/public';
 
 import { OptionsListReduxState } from '../types';
@@ -29,6 +39,7 @@ export const OptionsListPopoverSuggestions = ({
     actions: { replaceSelection, deselectOption, selectOption, selectExists },
   } = useReduxEmbeddableContext<OptionsListReduxState, typeof optionsListReducers>();
   const dispatch = useEmbeddableDispatch();
+  const { euiTheme } = useEuiTheme();
 
   // Select current state from Redux using multiple selectors to avoid rerenders.
   const invalidSelections = select((state) => state.componentState.invalidSelections);
@@ -40,14 +51,13 @@ export const OptionsListPopoverSuggestions = ({
   const hideExists = select((state) => state.explicitInput.hideExists);
 
   const loading = select((state) => state.output.loading);
-
   // track selectedOptions and invalidSelections in sets for more efficient lookup
   const selectedOptionsSet = useMemo(() => new Set<string>(selectedOptions), [selectedOptions]);
   const invalidSelectionsSet = useMemo(
     () => new Set<string>(invalidSelections),
     [invalidSelections]
   );
-  const suggestions = showOnlySelected ? selectedOptions : availableOptions;
+  const suggestions = showOnlySelected ? selectedOptions : Object.keys(availableOptions ?? {});
 
   if (
     !loading &&
@@ -89,33 +99,78 @@ export const OptionsListPopoverSuggestions = ({
           {OptionsListStrings.controlAndPopover.getExists()}
         </EuiFilterSelectItem>
       )}
-      {suggestions?.map((suggestion, index) => (
+      {suggestions?.map((key: string) => (
         <EuiFilterSelectItem
-          data-test-subj={`optionsList-control-selection-${suggestion}`}
-          checked={selectedOptionsSet?.has(suggestion) ? 'on' : undefined}
-          key={index}
+          data-test-subj={`optionsList-control-selection-${key}`}
+          checked={selectedOptionsSet?.has(key) ? 'on' : undefined}
+          key={key}
           onClick={() => {
             if (showOnlySelected) {
-              dispatch(deselectOption(suggestion));
+              dispatch(deselectOption(key));
               return;
             }
             if (singleSelect) {
-              dispatch(replaceSelection(suggestion));
+              dispatch(replaceSelection(key));
               return;
             }
-            if (selectedOptionsSet.has(suggestion)) {
-              dispatch(deselectOption(suggestion));
+            if (selectedOptionsSet.has(key)) {
+              dispatch(deselectOption(key));
               return;
             }
-            dispatch(selectOption(suggestion));
+            dispatch(selectOption(key));
           }}
           className={
-            showOnlySelected && invalidSelectionsSet.has(suggestion)
+            showOnlySelected && invalidSelectionsSet.has(key)
               ? 'optionsList__selectionInvalid'
-              : undefined
+              : 'optionsList__validSuggestion'
+          }
+          aria-label={
+            availableOptions?.[key]
+              ? OptionsListStrings.popover.getSuggestionAriaLabel(
+                  key,
+                  availableOptions[key].doc_count ?? 0
+                )
+              : key
           }
         >
-          {`${suggestion}`}
+          <EuiFlexGroup justifyContent="spaceBetween" responsive={false} alignItems="center">
+            <EuiFlexItem
+              grow={false}
+              css={css`
+                min-width: 0;
+              `}
+            >
+              <span
+                css={css`
+                  overflow: hidden;
+                  text-overflow: ellipsis;
+                `}
+              >{`${key}`}</span>
+            </EuiFlexItem>
+            {!showOnlySelected && (
+              <EuiFlexItem grow={false} tabIndex={-1}>
+                {availableOptions && availableOptions[key] && (
+                  <EuiToolTip
+                    content={OptionsListStrings.popover.getDocumentCountTooltip(
+                      availableOptions[key].doc_count
+                    )}
+                    position={'right'}
+                  >
+                    <EuiText
+                      className="eui-textNumber"
+                      size="xs"
+                      color={euiTheme.colors.subduedText}
+                      css={css`
+                        font-weight: ${euiTheme.font.weight.medium};
+                      `}
+                    >
+                      {`${availableOptions[key].doc_count.toLocaleString()}`}
+                    </EuiText>
+                  </EuiToolTip>
+                )}
+              </EuiFlexItem>
+            )}
+          </EuiFlexGroup>
         </EuiFilterSelectItem>
       ))}
     </>
diff --git a/src/plugins/controls/public/options_list/components/options_list_strings.ts b/src/plugins/controls/public/options_list/components/options_list_strings.ts
index c6f8e61ed6b01..a75eb7913064c 100644
--- a/src/plugins/controls/public/options_list/components/options_list_strings.ts
+++ b/src/plugins/controls/public/options_list/components/options_list_strings.ts
@@ -48,9 +48,11 @@ export const OptionsListStrings = {
         defaultMessage: 'Popover for {fieldName} control',
         values: { fieldName },
       }),
-    getLoadingMessage: () =>
-      i18n.translate('controls.optionsList.popover.loading', {
-        defaultMessage: 'Loading options',
+    getSuggestionAriaLabel: (key: string, documentCount: number) =>
+      i18n.translate('controls.optionsList.popover.suggestionsAriaLabel', {
+        defaultMessage:
+          '{key}, which appears in {documentCount} {documentCount, plural, one {document} other {documents}}.',
+        values: { key, documentCount },
       }),
     getEmptyMessage: () =>
       i18n.translate('controls.optionsList.popover.empty', {
@@ -72,38 +74,29 @@ export const OptionsListStrings = {
       i18n.translate('controls.optionsList.popover.clearAllSelectionsTitle', {
         defaultMessage: 'Clear selections',
       }),
-    getTotalCardinalityTooltip: (totalOptions: number) =>
-      i18n.translate('controls.optionsList.popover.cardinalityTooltip', {
-        defaultMessage: '{totalOptions} available options.',
-        values: { totalOptions },
-      }),
     getTotalCardinalityPlaceholder: (totalOptions: number) =>
       i18n.translate('controls.optionsList.popover.cardinalityPlaceholder', {
         defaultMessage:
           'Search {totalOptions} available {totalOptions, plural, one {option} other {options}}',
         values: { totalOptions },
       }),
-    getInvalidSelectionsTitle: (invalidSelectionCount: number) =>
-      i18n.translate('controls.optionsList.popover.invalidSelectionsTitle', {
-        defaultMessage: '{invalidSelectionCount} selected options ignored',
-        values: { invalidSelectionCount },
-      }),
     getInvalidSelectionsSectionTitle: (invalidSelectionCount: number) =>
       i18n.translate('controls.optionsList.popover.invalidSelectionsSectionTitle', {
         defaultMessage:
           'Ignored {invalidSelectionCount, plural, one {selection} other {selections}}',
         values: { invalidSelectionCount },
       }),
-    getInvalidSelectionsAriaLabel: () =>
-      i18n.translate('controls.optionsList.popover.invalidSelectionsAriaLabel', {
-        defaultMessage: 'Deselect all ignored selections',
-      }),
     getInvalidSelectionsTooltip: (selectedOptions: number) =>
       i18n.translate('controls.optionsList.popover.invalidSelectionsTooltip', {
         defaultMessage:
           '{selectedOptions} selected {selectedOptions, plural, one {option} other {options}} {selectedOptions, plural, one {is} other {are}} ignored because {selectedOptions, plural, one {it is} other {they are}} no longer in the data.',
         values: { selectedOptions },
       }),
+    getInvalidSelectionAriaLabel: (option: string) =>
+      i18n.translate('controls.optionsList.popover.invalidSelectionAriaLabel', {
+        defaultMessage: 'Ignored selection: {option}',
+        values: { option },
+      }),
     getIncludeLabel: () =>
       i18n.translate('controls.optionsList.popover.includeLabel', {
         defaultMessage: 'Include',
@@ -126,7 +119,13 @@ export const OptionsListStrings = {
       }),
     getSortDisabledTooltip: () =>
       i18n.translate('controls.optionsList.popover.sortDisabledTooltip', {
-        defaultMessage: 'Ignore sorting when “Show only selected” is true.',
+        defaultMessage: 'Sorting is ignored when “Show only selected” is true',
+      }),
+    getDocumentCountTooltip: (documentCount: number) =>
+      i18n.translate('controls.optionsList.popover.documentCountTooltip', {
+        defaultMessage:
+          'This value appears in {documentCount, number} {documentCount, plural, one {document} other {documents}}',
+        values: { documentCount },
       }),
   },
   controlAndPopover: {
diff --git a/src/plugins/controls/public/options_list/embeddable/options_list_embeddable.tsx b/src/plugins/controls/public/options_list/embeddable/options_list_embeddable.tsx
index b0d40a7a62002..1153150143f89 100644
--- a/src/plugins/controls/public/options_list/embeddable/options_list_embeddable.tsx
+++ b/src/plugins/controls/public/options_list/embeddable/options_list_embeddable.tsx
@@ -362,7 +362,7 @@ export class OptionsListEmbeddable extends Embeddable<OptionsListEmbeddableInput
       batch(() => {
         dispatch(
           updateQueryResults({
-            availableOptions: [],
+            availableOptions: {},
           })
         );
         dispatch(setLoading(false));
diff --git a/src/plugins/controls/public/options_list/options_list_reducers.ts b/src/plugins/controls/public/options_list/options_list_reducers.ts
index bc8a77fd5bd80..335bc3896ce17 100644
--- a/src/plugins/controls/public/options_list/options_list_reducers.ts
+++ b/src/plugins/controls/public/options_list/options_list_reducers.ts
@@ -13,7 +13,10 @@ import { Filter } from '@kbn/es-query';
 import { OptionsListReduxState, OptionsListComponentState } from './types';
 import { OptionsListField } from '../../common/options_list/types';
 import { getIpRangeQuery } from '../../common/options_list/ip_search';
-import { DEFAULT_SORT, SortingType } from '../../common/options_list/suggestions_sorting';
+import {
+  OPTIONS_LIST_DEFAULT_SORT,
+  OptionsListSortingType,
+} from '../../common/options_list/suggestions_sorting';
 
 export const getDefaultComponentState = (): OptionsListReduxState['componentState'] => ({
   searchString: { value: '', valid: true },
@@ -29,20 +32,6 @@ export const optionsListReducers = {
       state.explicitInput.selectedOptions = newSelections;
     }
   },
-  deselectOptions: (
-    state: WritableDraft<OptionsListReduxState>,
-    action: PayloadAction<string[]>
-  ) => {
-    for (const optionToDeselect of action.payload) {
-      if (!state.explicitInput.selectedOptions) return;
-      const itemIndex = state.explicitInput.selectedOptions.indexOf(optionToDeselect);
-      if (itemIndex !== -1) {
-        const newSelections = [...state.explicitInput.selectedOptions];
-        newSelections.splice(itemIndex, 1);
-        state.explicitInput.selectedOptions = newSelections;
-      }
-    }
-  },
   setSearchString: (state: WritableDraft<OptionsListReduxState>, action: PayloadAction<string>) => {
     state.componentState.searchString.value = action.payload;
     if (
@@ -54,9 +43,12 @@ export const optionsListReducers = {
   },
   setSort: (
     state: WritableDraft<OptionsListReduxState>,
-    action: PayloadAction<Partial<SortingType>>
+    action: PayloadAction<Partial<OptionsListSortingType>>
   ) => {
-    state.explicitInput.sort = { ...(state.explicitInput.sort ?? DEFAULT_SORT), ...action.payload };
+    state.explicitInput.sort = {
+      ...(state.explicitInput.sort ?? OPTIONS_LIST_DEFAULT_SORT),
+      ...action.payload,
+    };
   },
   selectExists: (state: WritableDraft<OptionsListReduxState>, action: PayloadAction<boolean>) => {
     if (action.payload) {
@@ -90,7 +82,10 @@ export const optionsListReducers = {
   },
   setValidAndInvalidSelections: (
     state: WritableDraft<OptionsListReduxState>,
-    action: PayloadAction<{ validSelections: string[]; invalidSelections: string[] }>
+    action: PayloadAction<{
+      validSelections: string[];
+      invalidSelections: string[];
+    }>
   ) => {
     const { invalidSelections, validSelections } = action.payload;
     state.componentState.invalidSelections = invalidSelections;
diff --git a/src/plugins/controls/public/options_list/types.ts b/src/plugins/controls/public/options_list/types.ts
index 4001299a9ab53..ae825132b6f80 100644
--- a/src/plugins/controls/public/options_list/types.ts
+++ b/src/plugins/controls/public/options_list/types.ts
@@ -8,7 +8,11 @@
 
 import { ReduxEmbeddableState } from '@kbn/presentation-util-plugin/public';
 import { ControlOutput } from '../types';
-import { OptionsListEmbeddableInput, OptionsListField } from '../../common/options_list/types';
+import {
+  OptionsListField,
+  OptionsListSuggestions,
+  OptionsListEmbeddableInput,
+} from '../../common/options_list/types';
 
 interface SearchString {
   value: string;
@@ -19,7 +23,7 @@ interface SearchString {
 export interface OptionsListComponentState {
   field?: OptionsListField;
   totalCardinality?: number;
-  availableOptions?: string[];
+  availableOptions?: OptionsListSuggestions;
   invalidSelections?: string[];
   validSelections?: string[];
   searchString: SearchString;
diff --git a/src/plugins/controls/public/services/options_list/options_list.story.ts b/src/plugins/controls/public/services/options_list/options_list.story.ts
index 421b7541e9616..a44f698c93395 100644
--- a/src/plugins/controls/public/services/options_list/options_list.story.ts
+++ b/src/plugins/controls/public/services/options_list/options_list.story.ts
@@ -18,7 +18,7 @@ let optionsListRequestMethod = async (request: OptionsListRequest, abortSignal:
     setTimeout(
       () =>
         r({
-          suggestions: [],
+          suggestions: {},
           totalCardinality: 100,
         }),
       120
diff --git a/src/plugins/controls/server/options_list/options_list_queries.test.ts b/src/plugins/controls/server/options_list/options_list_queries.test.ts
index 3be5c6da40907..d3e5525a36d06 100644
--- a/src/plugins/controls/server/options_list/options_list_queries.test.ts
+++ b/src/plugins/controls/server/options_list/options_list_queries.test.ts
@@ -446,11 +446,17 @@ describe('options list queries', () => {
         },
       };
       expect(suggestionAggBuilder.parse(rawSearchResponseMock)).toMatchInlineSnapshot(`
-        Array [
-          "cool1",
-          "cool2",
-          "cool3",
-        ]
+        Object {
+          "cool1": Object {
+            "doc_count": 5,
+          },
+          "cool2": Object {
+            "doc_count": 15,
+          },
+          "cool3": Object {
+            "doc_count": 10,
+          },
+        }
       `);
     });
 
@@ -469,10 +475,14 @@ describe('options list queries', () => {
         },
       };
       expect(suggestionAggBuilder.parse(rawSearchResponseMock)).toMatchInlineSnapshot(`
-        Array [
-          "false",
-          "true",
-        ]
+        Object {
+          "false": Object {
+            "doc_count": 55,
+          },
+          "true": Object {
+            "doc_count": 155,
+          },
+        }
       `);
     });
 
@@ -495,11 +505,17 @@ describe('options list queries', () => {
         },
       };
       expect(suggestionAggBuilder.parse(rawSearchResponseMock)).toMatchInlineSnapshot(`
-        Array [
-          "cool1",
-          "cool2",
-          "cool3",
-        ]
+        Object {
+          "cool1": Object {
+            "doc_count": 5,
+          },
+          "cool2": Object {
+            "doc_count": 15,
+          },
+          "cool3": Object {
+            "doc_count": 10,
+          },
+        }
       `);
     });
 
@@ -520,11 +536,17 @@ describe('options list queries', () => {
         },
       };
       expect(suggestionAggBuilder.parse(rawSearchResponseMock)).toMatchInlineSnapshot(`
-        Array [
-          "cool1",
-          "cool2",
-          "cool3",
-        ]
+        Object {
+          "cool1": Object {
+            "doc_count": 5,
+          },
+          "cool2": Object {
+            "doc_count": 15,
+          },
+          "cool3": Object {
+            "doc_count": 10,
+          },
+        }
       `);
     });
   });
@@ -569,7 +591,10 @@ describe('options list queries', () => {
         },
       },
     };
-    expect(suggestionAggBuilder.parse(rawSearchResponseMock)).toMatchInlineSnapshot(`
+
+    const parsed = suggestionAggBuilder.parse(rawSearchResponseMock);
+    /** first, verify that the sorting worked as expected */
+    expect(Object.keys(parsed)).toMatchInlineSnapshot(`
       Array [
         "52:ae76:5947:5e2a:551:fe6a:712a:c72",
         "111.52.174.2",
@@ -583,5 +608,40 @@ describe('options list queries', () => {
         "1ec:aa98:b0a6:d07c:590:18a0:8a33:2eb8",
       ]
     `);
+    /** then, make sure the object is structured properly */
+    expect(parsed).toMatchInlineSnapshot(`
+      Object {
+        "111.52.174.2": Object {
+          "doc_count": 11,
+        },
+        "196.162.13.39": Object {
+          "doc_count": 10,
+        },
+        "1ec:aa98:b0a6:d07c:590:18a0:8a33:2eb8": Object {
+          "doc_count": 6,
+        },
+        "203.88.33.151": Object {
+          "doc_count": 7,
+        },
+        "21.35.91.61": Object {
+          "doc_count": 8,
+        },
+        "21.35.91.62": Object {
+          "doc_count": 8,
+        },
+        "23.216.241.120": Object {
+          "doc_count": 9,
+        },
+        "28c7:c9a4:42fd:16b0:4de5:e41e:28d9:9172": Object {
+          "doc_count": 9,
+        },
+        "52:ae76:5947:5e2a:551:fe6a:712a:c72": Object {
+          "doc_count": 12,
+        },
+        "f7a9:640b:b5a0:1219:8d75:ed94:3c3e:2e63": Object {
+          "doc_count": 10,
+        },
+      }
+    `);
   });
 });
diff --git a/src/plugins/controls/server/options_list/options_list_queries.ts b/src/plugins/controls/server/options_list/options_list_queries.ts
index 6823c33e4609c..4a7aceba910c0 100644
--- a/src/plugins/controls/server/options_list/options_list_queries.ts
+++ b/src/plugins/controls/server/options_list/options_list_queries.ts
@@ -10,55 +10,64 @@ import { get, isEmpty } from 'lodash';
 import { SearchResponse } from '@elastic/elasticsearch/lib/api/types';
 import { getFieldSubtypeNested } from '@kbn/data-views-plugin/common';
 
-import { DEFAULT_SORT, SortingType } from '../../common/options_list/suggestions_sorting';
-import { OptionsListRequestBody } from '../../common/options_list/types';
+import { OptionsListRequestBody, OptionsListSuggestions } from '../../common/options_list/types';
+import {
+  OPTIONS_LIST_DEFAULT_SORT,
+  OptionsListSortingType,
+} from '../../common/options_list/suggestions_sorting';
 import { getIpRangeQuery, type IpRangeQuery } from '../../common/options_list/ip_search';
-export interface OptionsListAggregationBuilder {
+
+export interface OptionsListValidationAggregationBuilder {
   buildAggregation: (req: OptionsListRequestBody) => unknown;
   parse: (response: SearchResponse) => string[];
 }
 
+export interface OptionsListSuggestionAggregationBuilder {
+  buildAggregation: (req: OptionsListRequestBody) => unknown;
+  parse: (response: SearchResponse) => OptionsListSuggestions;
+}
+
 interface EsBucket {
   key: string;
   doc_count: number;
 }
 
-const getSortType = (sort?: SortingType) => {
-  return sort ? { [sort.by]: sort.direction } : { [DEFAULT_SORT.by]: DEFAULT_SORT.direction };
+const getSortType = (sort?: OptionsListSortingType) => {
+  return sort
+    ? { [sort.by]: sort.direction }
+    : { [OPTIONS_LIST_DEFAULT_SORT.by]: OPTIONS_LIST_DEFAULT_SORT.direction };
 };
 
 /**
  * Validation aggregations
  */
-export const getValidationAggregationBuilder: () => OptionsListAggregationBuilder = () => ({
-  buildAggregation: ({ selectedOptions, fieldName }: OptionsListRequestBody) => {
-    let selectedOptionsFilters;
-    if (selectedOptions) {
-      selectedOptionsFilters = selectedOptions.reduce((acc, currentOption) => {
-        acc[currentOption] = { match: { [fieldName]: currentOption } };
-        return acc;
-      }, {} as { [key: string]: { match: { [key: string]: string } } });
-    }
-    return selectedOptionsFilters && !isEmpty(selectedOptionsFilters)
-      ? {
-          filters: {
-            filters: selectedOptionsFilters,
-          },
-        }
-      : undefined;
-  },
-  parse: (rawEsResult) => {
-    const rawInvalidSuggestions = get(rawEsResult, 'aggregations.validation.buckets') as {
-      [key: string]: { doc_count: number };
-    };
-
-    return rawInvalidSuggestions && !isEmpty(rawInvalidSuggestions)
-      ? Object.entries(rawInvalidSuggestions)
-          ?.filter(([, value]) => value?.doc_count === 0)
-          ?.map(([key]) => key)
-      : [];
-  },
-});
+export const getValidationAggregationBuilder: () => OptionsListValidationAggregationBuilder =
+  () => ({
+    buildAggregation: ({ selectedOptions, fieldName }: OptionsListRequestBody) => {
+      let selectedOptionsFilters;
+      if (selectedOptions) {
+        selectedOptionsFilters = selectedOptions.reduce((acc, currentOption) => {
+          acc[currentOption] = { match: { [fieldName]: currentOption } };
+          return acc;
+        }, {} as { [key: string]: { match: { [key: string]: string } } });
+      }
+      return selectedOptionsFilters && !isEmpty(selectedOptionsFilters)
+        ? {
+            filters: {
+              filters: selectedOptionsFilters,
+            },
+          }
+        : undefined;
+    },
+    parse: (rawEsResult) => {
+      const rawInvalidSuggestions = get(rawEsResult, 'aggregations.validation.buckets');
+      return rawInvalidSuggestions && !isEmpty(rawInvalidSuggestions)
+        ? Object.keys(rawInvalidSuggestions).filter(
+            (key) => rawInvalidSuggestions[key].doc_count === 0
+          )
+        : [];
+    },
+  });
 
 /**
  * Suggestion aggregations
@@ -96,7 +105,7 @@ const getIpBuckets = (rawEsResult: any, combinedBuckets: EsBucket[], type: 'ipv4
   }
 };
 
-const suggestionAggSubtypes: { [key: string]: OptionsListAggregationBuilder } = {
+const suggestionAggSubtypes: { [key: string]: OptionsListSuggestionAggregationBuilder } = {
   /**
    * the "Keyword only" query / parser should be used when the options list is built on a field which has only keyword mappings.
    */
@@ -111,8 +120,11 @@ const suggestionAggSubtypes: { [key: string]: OptionsListAggregationBuilder } =
       },
     }),
     parse: (rawEsResult) =>
-      get(rawEsResult, 'aggregations.suggestions.buckets')?.map(
-        (suggestion: { key: string }) => suggestion.key
+      get(rawEsResult, 'aggregations.suggestions.buckets').reduce(
+        (suggestions: OptionsListSuggestions, suggestion: EsBucket) => {
+          return { ...suggestions, [suggestion.key]: { doc_count: suggestion.doc_count } };
+        },
+        {}
       ),
   },
 
@@ -144,8 +156,11 @@ const suggestionAggSubtypes: { [key: string]: OptionsListAggregationBuilder } =
       };
     },
     parse: (rawEsResult) =>
-      get(rawEsResult, 'aggregations.suggestions.keywordSuggestions.buckets')?.map(
-        (suggestion: { key: string }) => suggestion.key
+      get(rawEsResult, 'aggregations.suggestions.keywordSuggestions.buckets').reduce(
+        (suggestions: OptionsListSuggestions, suggestion: EsBucket) => {
+          return { ...suggestions, [suggestion.key]: { doc_count: suggestion.doc_count } };
+        },
+        {}
       ),
   },
 
@@ -162,8 +177,14 @@ const suggestionAggSubtypes: { [key: string]: OptionsListAggregationBuilder } =
       },
     }),
     parse: (rawEsResult) =>
-      get(rawEsResult, 'aggregations.suggestions.buckets')?.map(
-        (suggestion: { key_as_string: string }) => suggestion.key_as_string
+      get(rawEsResult, 'aggregations.suggestions.buckets')?.reduce(
+        (suggestions: OptionsListSuggestions, suggestion: EsBucket & { key_as_string: string }) => {
+          return {
+            ...suggestions,
+            [suggestion.key_as_string]: { doc_count: suggestion.doc_count },
+          };
+        },
+        {}
       ),
   },
 
@@ -223,7 +244,9 @@ const suggestionAggSubtypes: { [key: string]: OptionsListAggregationBuilder } =
       return buckets
         .sort((bucketA: EsBucket, bucketB: EsBucket) => bucketB.doc_count - bucketA.doc_count)
         .slice(0, 10) // only return top 10 results
-        .map((bucket: EsBucket) => bucket.key);
+        .reduce((suggestions, suggestion: EsBucket) => {
+          return { ...suggestions, [suggestion.key]: { doc_count: suggestion.doc_count } };
+        }, {});
     },
   },
 
@@ -256,8 +279,11 @@ const suggestionAggSubtypes: { [key: string]: OptionsListAggregationBuilder } =
       };
     },
     parse: (rawEsResult) =>
-      get(rawEsResult, 'aggregations.suggestions.nestedSuggestions.buckets')?.map(
-        (suggestion: { key: string }) => suggestion.key
+      get(rawEsResult, 'aggregations.suggestions.nestedSuggestions.buckets').reduce(
+        (suggestions: OptionsListSuggestions, suggestion: EsBucket) => {
+          return { ...suggestions, [suggestion.key]: { doc_count: suggestion.doc_count } };
+        },
+        {}
       ),
   },
 };
diff --git a/test/functional/apps/dashboard_elements/controls/control_group_chaining.ts b/test/functional/apps/dashboard_elements/controls/control_group_chaining.ts
index 652864471a04a..b70404f1338bf 100644
--- a/test/functional/apps/dashboard_elements/controls/control_group_chaining.ts
+++ b/test/functional/apps/dashboard_elements/controls/control_group_chaining.ts
@@ -6,9 +6,12 @@
  * Side Public License, v 1.
  */
 
+import { pick } from 'lodash';
+
 import expect from '@kbn/expect';
 import { OPTIONS_LIST_CONTROL } from '@kbn/controls-plugin/common';
 
+import { OPTIONS_LIST_ANIMAL_SOUND_SUGGESTIONS } from '../../../page_objects/dashboard_page_controls';
 import { FtrProviderContext } from '../../../ftr_provider_context';
 
 export default function ({ getService, getPageObjects }: FtrProviderContext) {
@@ -27,20 +30,6 @@ export default function ({ getService, getPageObjects }: FtrProviderContext) {
     const newDocuments: Array<{ index: string; id: string }> = [];
     let controlIds: string[];
 
-    const ensureAvailableOptionsEql = async (
-      controlId: string,
-      expectation: string[],
-      filterOutExists: boolean = true
-    ) => {
-      await dashboardControls.optionsListOpenPopover(controlId);
-      await retry.try(async () => {
-        expect(
-          await dashboardControls.optionsListPopoverGetAvailableOptions(filterOutExists)
-        ).to.eql(expectation);
-      });
-      await dashboardControls.optionsListEnsurePopoverIsClosed(controlId);
-    };
-
     const addDocument = async (index: string, document: string) => {
       await console.enterRequest('\nPOST ' + index + '/_doc/ \n{\n ' + document);
       await console.clickPlay();
@@ -121,16 +110,31 @@ export default function ({ getService, getPageObjects }: FtrProviderContext) {
       await dashboardControls.optionsListPopoverSelectOption('cat');
       await dashboardControls.optionsListEnsurePopoverIsClosed(controlIds[0]);
 
-      await ensureAvailableOptionsEql(controlIds[1], ['Tiger', 'sylvester']);
-      await ensureAvailableOptionsEql(controlIds[2], ['hiss', 'meow', 'growl', 'grr']);
+      await dashboardControls.ensureAvailableOptionsEqual(controlIds[1], {
+        suggestions: { Tiger: 6, sylvester: 5 },
+        invalidSelections: [],
+      });
+      const suggestions = pick(OPTIONS_LIST_ANIMAL_SOUND_SUGGESTIONS, [
+        'hiss',
+        'meow',
+        'growl',
+        'grr',
+      ]);
+      await dashboardControls.ensureAvailableOptionsEqual(controlIds[2], {
+        suggestions: { ...suggestions, grr: suggestions.grr - 1 },
+        invalidSelections: [],
+      });
     });
 
     it('Selecting an option in the second Options List will filter the third control', async () => {
       await dashboardControls.optionsListOpenPopover(controlIds[1]);
       await dashboardControls.optionsListPopoverSelectOption('sylvester');
       await dashboardControls.optionsListEnsurePopoverIsClosed(controlIds[1]);
-
-      await ensureAvailableOptionsEql(controlIds[2], ['meow', 'hiss']);
+      const suggestions = pick(OPTIONS_LIST_ANIMAL_SOUND_SUGGESTIONS, ['meow', 'hiss']);
+      await dashboardControls.ensureAvailableOptionsEqual(controlIds[2], {
+        suggestions: { ...suggestions, hiss: suggestions.hiss - 3 },
+        invalidSelections: [],
+      });
     });
 
     it('Can select an option in the third Options List', async () => {
@@ -145,22 +149,21 @@ export default function ({ getService, getPageObjects }: FtrProviderContext) {
       await dashboardControls.optionsListPopoverSelectOption('dog');
       await dashboardControls.optionsListEnsurePopoverIsClosed(controlIds[0]);
 
-      await ensureAvailableOptionsEql(controlIds[1], [
-        'Fluffy',
-        'Fee Fee',
-        'Rover',
-        'Ignored selection',
-        'sylvester',
-      ]);
-      await ensureAvailableOptionsEql(controlIds[2], [
+      await dashboardControls.ensureAvailableOptionsEqual(controlIds[1], {
+        suggestions: { Fluffy: 6, 'Fee Fee': 3, Rover: 3 },
+        invalidSelections: ['sylvester'],
+      });
+      const suggestions = pick(OPTIONS_LIST_ANIMAL_SOUND_SUGGESTIONS, [
         'ruff',
         'bark',
         'grrr',
         'bow ow ow',
         'grr',
-        'Ignored selection',
-        'meow',
       ]);
+      await dashboardControls.ensureAvailableOptionsEqual(controlIds[2], {
+        suggestions: { ...suggestions, grr: suggestions.grr - 1 },
+        invalidSelections: ['meow'],
+      });
     });
 
     it('Excluding selections in the first control will validate the second and third controls', async () => {
@@ -168,8 +171,15 @@ export default function ({ getService, getPageObjects }: FtrProviderContext) {
       await dashboardControls.optionsListPopoverSetIncludeSelections(false);
       await dashboardControls.optionsListEnsurePopoverIsClosed(controlIds[0]);
 
-      await ensureAvailableOptionsEql(controlIds[1], ['Tiger', 'sylvester', 'Max']);
-      await ensureAvailableOptionsEql(controlIds[2], ['meow', 'hiss']);
+      await dashboardControls.ensureAvailableOptionsEqual(controlIds[1], {
+        suggestions: { Tiger: 6, sylvester: 5, Max: 1 },
+        invalidSelections: [],
+      });
+      const suggestions = pick(OPTIONS_LIST_ANIMAL_SOUND_SUGGESTIONS, ['meow', 'hiss']);
+      await dashboardControls.ensureAvailableOptionsEqual(controlIds[2], {
+        suggestions: { ...suggestions, hiss: suggestions.hiss - 3 },
+        invalidSelections: [],
+      });
     });
 
     it('Excluding all options of first control removes all options in second and third controls', async () => {
@@ -193,12 +203,26 @@ export default function ({ getService, getPageObjects }: FtrProviderContext) {
       await dashboardControls.optionsListOpenPopover(controlIds[1]);
       await dashboardControls.optionsListPopoverClearSelections();
       expect(await dashboardControls.optionsListPopoverGetAvailableOptionsCount()).to.be(1);
-      expect(await dashboardControls.optionsListPopoverGetAvailableOptions()).to.eql(['Max']);
+      await dashboardControls.ensureAvailableOptionsEqual(
+        controlIds[1],
+        {
+          suggestions: { Max: 1 },
+          invalidSelections: [],
+        },
+        true
+      );
 
       await dashboardControls.optionsListOpenPopover(controlIds[2]);
       await dashboardControls.optionsListPopoverClearSelections();
       expect(await dashboardControls.optionsListPopoverGetAvailableOptionsCount()).to.be(1);
-      expect(await dashboardControls.optionsListPopoverGetAvailableOptions()).to.eql(['woof']);
+      await dashboardControls.ensureAvailableOptionsEqual(
+        controlIds[2],
+        {
+          suggestions: { woof: 1 },
+          invalidSelections: [],
+        },
+        true
+      );
       await dashboardControls.optionsListEnsurePopoverIsClosed(controlIds[2]);
     });
 
@@ -209,11 +233,15 @@ export default function ({ getService, getPageObjects }: FtrProviderContext) {
       await dashboard.waitForRenderComplete();
 
       await dashboardControls.optionsListOpenPopover(controlIds[1]);
-      expect(await dashboardControls.optionsListPopoverGetAvailableOptions()).to.not.contain('Max');
+      let suggestionKeys = Object.keys(
+        (await dashboardControls.optionsListPopoverGetAvailableOptions()).suggestions
+      );
+      expect(suggestionKeys).to.not.contain('Max');
       await dashboardControls.optionsListOpenPopover(controlIds[2]);
-      expect(await dashboardControls.optionsListPopoverGetAvailableOptions()).to.not.contain(
-        'woof'
+      suggestionKeys = Object.keys(
+        (await dashboardControls.optionsListPopoverGetAvailableOptions()).suggestions
       );
+      expect(suggestionKeys).to.not.contain('woof');
       await dashboardControls.optionsListEnsurePopoverIsClosed(controlIds[2]);
     });
 
@@ -227,25 +255,14 @@ export default function ({ getService, getPageObjects }: FtrProviderContext) {
         await dashboardControls.optionsListPopoverSelectOption('cat');
         await dashboardControls.optionsListEnsurePopoverIsClosed(controlIds[0]);
 
-        await ensureAvailableOptionsEql(controlIds[1], [
-          'Fluffy',
-          'Tiger',
-          'sylvester',
-          'Fee Fee',
-          'Rover',
-          'Max',
-        ]);
-        await ensureAvailableOptionsEql(controlIds[2], [
-          'hiss',
-          'ruff',
-          'bark',
-          'grrr',
-          'meow',
-          'growl',
-          'grr',
-          'bow ow ow',
-          'woof',
-        ]);
+        await dashboardControls.ensureAvailableOptionsEqual(controlIds[1], {
+          suggestions: { Fluffy: 6, Tiger: 6, sylvester: 5, 'Fee Fee': 3, Rover: 3, Max: 1 },
+          invalidSelections: [],
+        });
+        await dashboardControls.ensureAvailableOptionsEqual(controlIds[2], {
+          suggestions: { ...OPTIONS_LIST_ANIMAL_SOUND_SUGGESTIONS, woof: 1 },
+          invalidSelections: [],
+        });
       });
     });
   });
diff --git a/test/functional/apps/dashboard_elements/controls/options_list.ts b/test/functional/apps/dashboard_elements/controls/options_list.ts
index 09c14f1804566..8186d9702ae3e 100644
--- a/test/functional/apps/dashboard_elements/controls/options_list.ts
+++ b/test/functional/apps/dashboard_elements/controls/options_list.ts
@@ -6,9 +6,12 @@
  * Side Public License, v 1.
  */
 
+import { pick } from 'lodash';
+
 import { OPTIONS_LIST_CONTROL } from '@kbn/controls-plugin/common';
 import expect from '@kbn/expect';
 
+import { OPTIONS_LIST_ANIMAL_SOUND_SUGGESTIONS } from '../../../page_objects/dashboard_page_controls';
 import { FtrProviderContext } from '../../../ftr_provider_context';
 
 export default function ({ getService, getPageObjects }: FtrProviderContext) {
@@ -38,17 +41,6 @@ export default function ({ getService, getPageObjects }: FtrProviderContext) {
   describe('Dashboard options list integration', () => {
     let controlId: string;
 
-    const animalSoundAvailableOptions = [
-      'hiss',
-      'ruff',
-      'bark',
-      'grrr',
-      'meow',
-      'growl',
-      'grr',
-      'bow ow ow',
-    ];
-
     const returnToDashboard = async () => {
       await common.navigateToApp('dashboard');
       await header.waitUntilLoadingHasFinished();
@@ -60,14 +52,6 @@ export default function ({ getService, getPageObjects }: FtrProviderContext) {
       await dashboard.waitForRenderComplete();
     };
 
-    const ensureAvailableOptionsEql = async (expectation: string[], skipOpen?: boolean) => {
-      if (!skipOpen) await dashboardControls.optionsListOpenPopover(controlId);
-      await retry.try(async () => {
-        expect(await dashboardControls.optionsListPopoverGetAvailableOptions()).to.eql(expectation);
-      });
-      if (!skipOpen) await dashboardControls.optionsListEnsurePopoverIsClosed(controlId);
-    };
-
     before(async () => {
       await security.testUser.setRoles(['kibana_admin', 'test_logstash_reader', 'animals']);
 
@@ -243,27 +227,62 @@ export default function ({ getService, getPageObjects }: FtrProviderContext) {
       it('sort alphabetically - descending', async () => {
         await dashboardControls.optionsListPopoverSetSort({ by: '_key', direction: 'desc' });
         await dashboardControls.optionsListWaitForLoading(controlId);
-        await ensureAvailableOptionsEql([...animalSoundAvailableOptions].sort().reverse(), true);
+
+        const sortedSuggestions = Object.keys(OPTIONS_LIST_ANIMAL_SOUND_SUGGESTIONS)
+          .sort()
+          .reverse()
+          .reduce((result, key) => {
+            return { ...result, [key]: OPTIONS_LIST_ANIMAL_SOUND_SUGGESTIONS[key] };
+          }, {});
+        await dashboardControls.ensureAvailableOptionsEqual(
+          controlId,
+          { suggestions: sortedSuggestions, invalidSelections: [] },
+          true
+        );
       });
 
       it('sort alphabetically - ascending', async () => {
         await dashboardControls.optionsListPopoverSetSort({ by: '_key', direction: 'asc' });
         await dashboardControls.optionsListWaitForLoading(controlId);
-        await ensureAvailableOptionsEql([...animalSoundAvailableOptions].sort(), true);
+
+        const sortedSuggestions = Object.keys(OPTIONS_LIST_ANIMAL_SOUND_SUGGESTIONS)
+          .sort()
+          .reduce((result, key) => {
+            return { ...result, [key]: OPTIONS_LIST_ANIMAL_SOUND_SUGGESTIONS[key] };
+          }, {});
+        await dashboardControls.ensureAvailableOptionsEqual(
+          controlId,
+          { suggestions: sortedSuggestions, invalidSelections: [] },
+          true
+        );
       });
 
       it('sort by document count - descending', async () => {
         await dashboardControls.optionsListPopoverSetSort({ by: '_count', direction: 'desc' });
         await dashboardControls.optionsListWaitForLoading(controlId);
-        await ensureAvailableOptionsEql(animalSoundAvailableOptions, true);
+        await dashboardControls.ensureAvailableOptionsEqual(
+          controlId,
+          {
+            suggestions: OPTIONS_LIST_ANIMAL_SOUND_SUGGESTIONS, // keys are already sorted descending by doc count
+            invalidSelections: [],
+          },
+          true
+        );
       });
 
       it('sort by document count - ascending', async () => {
         await dashboardControls.optionsListPopoverSetSort({ by: '_count', direction: 'asc' });
         await dashboardControls.optionsListWaitForLoading(controlId);
-        // ties are broken alphabetically, so can't just reverse `animalSoundAvailableOptions` for this check
-        await ensureAvailableOptionsEql(
-          ['bow ow ow', 'growl', 'grr', 'bark', 'grrr', 'meow', 'ruff', 'hiss'],
+        const sortedSuggestions = Object.entries(OPTIONS_LIST_ANIMAL_SOUND_SUGGESTIONS)
+          .sort(([, docCountA], [, docCountB]) => {
+            return docCountB - docCountA;
+          })
+          .reduce((result, [key, docCount]) => {
+            return { ...result, [key]: docCount };
+          }, {});
+        await dashboardControls.ensureAvailableOptionsEqual(
+          controlId,
+          { suggestions: sortedSuggestions, invalidSelections: [] },
           true
         );
       });
@@ -295,8 +314,17 @@ export default function ({ getService, getPageObjects }: FtrProviderContext) {
           await dashboard.waitForRenderComplete();
           await header.waitUntilLoadingHasFinished();
 
-          await ensureAvailableOptionsEql(['ruff', 'bark', 'grrr', 'bow ow ow', 'grr']);
-
+          const suggestions = pick(OPTIONS_LIST_ANIMAL_SOUND_SUGGESTIONS, [
+            'ruff',
+            'bark',
+            'grrr',
+            'bow ow ow',
+            'grr',
+          ]);
+          await dashboardControls.ensureAvailableOptionsEqual(controlId, {
+            suggestions: { ...suggestions, grr: suggestions.grr - 1 },
+            invalidSelections: [],
+          });
           await queryBar.setQuery('');
           await queryBar.submitQuery();
 
@@ -332,16 +360,25 @@ export default function ({ getService, getPageObjects }: FtrProviderContext) {
           });
 
           it('Applies dashboard filters to options list control', async () => {
-            await ensureAvailableOptionsEql(['ruff', 'bark', 'bow ow ow']);
+            const suggestions = pick(OPTIONS_LIST_ANIMAL_SOUND_SUGGESTIONS, [
+              'ruff',
+              'bark',
+              'bow ow ow',
+            ]);
+            await dashboardControls.ensureAvailableOptionsEqual(controlId, {
+              suggestions,
+              invalidSelections: [],
+            });
           });
 
           it('Does not apply disabled dashboard filters to options list control', async () => {
             await filterBar.toggleFilterEnabled('sound.keyword');
             await dashboard.waitForRenderComplete();
             await header.waitUntilLoadingHasFinished();
-
-            await ensureAvailableOptionsEql(animalSoundAvailableOptions);
-
+            await dashboardControls.ensureAvailableOptionsEqual(controlId, {
+              suggestions: OPTIONS_LIST_ANIMAL_SOUND_SUGGESTIONS,
+              invalidSelections: [],
+            });
             await filterBar.toggleFilterEnabled('sound.keyword');
             await dashboard.waitForRenderComplete();
             await header.waitUntilLoadingHasFinished();
@@ -352,7 +389,17 @@ export default function ({ getService, getPageObjects }: FtrProviderContext) {
             await dashboard.waitForRenderComplete();
             await header.waitUntilLoadingHasFinished();
 
-            await ensureAvailableOptionsEql(['hiss', 'grrr', 'meow', 'growl', 'grr']);
+            const suggestions = pick(OPTIONS_LIST_ANIMAL_SOUND_SUGGESTIONS, [
+              'hiss',
+              'grrr',
+              'meow',
+              'growl',
+              'grr',
+            ]);
+            await dashboardControls.ensureAvailableOptionsEqual(controlId, {
+              suggestions,
+              invalidSelections: [],
+            });
           });
 
           after(async () => {
@@ -367,15 +414,23 @@ export default function ({ getService, getPageObjects }: FtrProviderContext) {
           await queryBar.submitQuery();
           await dashboard.waitForRenderComplete();
           await header.waitUntilLoadingHasFinished();
-          await retry.try(async () => {
-            await ensureAvailableOptionsEql(animalSoundAvailableOptions);
+          await dashboardControls.ensureAvailableOptionsEqual(controlId, {
+            suggestions: OPTIONS_LIST_ANIMAL_SOUND_SUGGESTIONS,
+            invalidSelections: [],
           });
         });
 
         it('Can search options list for available options', async () => {
           await dashboardControls.optionsListOpenPopover(controlId);
           await dashboardControls.optionsListPopoverSearchForOption('meo');
-          await ensureAvailableOptionsEql(['meow'], true);
+          await dashboardControls.ensureAvailableOptionsEqual(
+            controlId,
+            {
+              suggestions: { meow: OPTIONS_LIST_ANIMAL_SOUND_SUGGESTIONS.meow },
+              invalidSelections: [],
+            },
+            true
+          );
           await dashboardControls.optionsListPopoverClearSearch();
           await dashboardControls.optionsListEnsurePopoverIsClosed(controlId);
         });
@@ -383,7 +438,14 @@ export default function ({ getService, getPageObjects }: FtrProviderContext) {
         it('Can search options list for available options case insensitive', async () => {
           await dashboardControls.optionsListOpenPopover(controlId);
           await dashboardControls.optionsListPopoverSearchForOption('MEO');
-          await ensureAvailableOptionsEql(['meow'], true);
+          await dashboardControls.ensureAvailableOptionsEqual(
+            controlId,
+            {
+              suggestions: { meow: OPTIONS_LIST_ANIMAL_SOUND_SUGGESTIONS.meow },
+              invalidSelections: [],
+            },
+            true
+          );
           await dashboardControls.optionsListPopoverClearSearch();
           await dashboardControls.optionsListEnsurePopoverIsClosed(controlId);
         });
@@ -460,7 +522,18 @@ export default function ({ getService, getPageObjects }: FtrProviderContext) {
 
       describe('test data view runtime field', async () => {
         const FIELD_NAME = 'testRuntimeField';
-        const FIELD_VALUES = ['G', 'H', 'B', 'R', 'M'];
+        const FIELD_VALUES = {
+          G:
+            OPTIONS_LIST_ANIMAL_SOUND_SUGGESTIONS.growl +
+            OPTIONS_LIST_ANIMAL_SOUND_SUGGESTIONS.grr +
+            OPTIONS_LIST_ANIMAL_SOUND_SUGGESTIONS.grrr,
+          H: OPTIONS_LIST_ANIMAL_SOUND_SUGGESTIONS.hiss,
+          B:
+            OPTIONS_LIST_ANIMAL_SOUND_SUGGESTIONS.bark +
+            OPTIONS_LIST_ANIMAL_SOUND_SUGGESTIONS['bow ow ow'],
+          R: OPTIONS_LIST_ANIMAL_SOUND_SUGGESTIONS.ruff,
+          M: OPTIONS_LIST_ANIMAL_SOUND_SUGGESTIONS.meow,
+        };
 
         before(async () => {
           await common.navigateToApp('settings');
@@ -488,7 +561,10 @@ export default function ({ getService, getPageObjects }: FtrProviderContext) {
 
         it('new control has expected suggestions', async () => {
           controlId = (await dashboardControls.getAllControlIds())[0];
-          await ensureAvailableOptionsEql(FIELD_VALUES);
+          await dashboardControls.ensureAvailableOptionsEqual(controlId, {
+            suggestions: FIELD_VALUES,
+            invalidSelections: [],
+          });
         });
 
         it('making selection has expected results', async () => {
@@ -609,15 +685,17 @@ export default function ({ getService, getPageObjects }: FtrProviderContext) {
           await queryBar.submitQuery();
           await dashboard.waitForRenderComplete();
           await header.waitUntilLoadingHasFinished();
-          await ensureAvailableOptionsEql([
+
+          const suggestions = pick(OPTIONS_LIST_ANIMAL_SOUND_SUGGESTIONS, [
             'hiss',
             'meow',
             'growl',
             'grr',
-            'Ignored selection',
-            'bark',
           ]);
-
+          await dashboardControls.ensureAvailableOptionsEqual(controlId, {
+            suggestions: { ...suggestions, grr: suggestions.grr - 1 },
+            invalidSelections: ['bark'],
+          });
           // only valid selections are applied as filters.
           expect(await pieChart.getPieSliceCount()).to.be(1);
         });
@@ -627,7 +705,10 @@ export default function ({ getService, getPageObjects }: FtrProviderContext) {
           await queryBar.submitQuery();
           await dashboard.waitForRenderComplete();
           await header.waitUntilLoadingHasFinished();
-          await ensureAvailableOptionsEql(animalSoundAvailableOptions);
+          await dashboardControls.ensureAvailableOptionsEqual(controlId, {
+            suggestions: OPTIONS_LIST_ANIMAL_SOUND_SUGGESTIONS,
+            invalidSelections: [],
+          });
           expect(await pieChart.getPieSliceCount()).to.be(2);
         });
 
@@ -635,8 +716,12 @@ export default function ({ getService, getPageObjects }: FtrProviderContext) {
           await filterBar.addFilter({ field: 'sound.keyword', operation: 'is', value: 'hiss' });
           await dashboard.waitForRenderComplete();
           await header.waitUntilLoadingHasFinished();
-          await ensureAvailableOptionsEql(['hiss', 'Ignored selections', 'meow', 'bark']);
-
+          await dashboardControls.ensureAvailableOptionsEqual(controlId, {
+            suggestions: {
+              hiss: OPTIONS_LIST_ANIMAL_SOUND_SUGGESTIONS.hiss,
+            },
+            invalidSelections: ['meow', 'bark'],
+          });
           // only valid selections are applied as filters.
           expect(await pieChart.getPieSliceCount()).to.be(1);
         });
@@ -658,14 +743,29 @@ export default function ({ getService, getPageObjects }: FtrProviderContext) {
           await queryBar.submitQuery();
           await dashboard.waitForRenderComplete();
           await header.waitUntilLoadingHasFinished();
-          await ensureAvailableOptionsEql(['hiss', 'meow', 'growl', 'grr']);
+
+          const suggestions = pick(OPTIONS_LIST_ANIMAL_SOUND_SUGGESTIONS, [
+            'hiss',
+            'meow',
+            'growl',
+            'grr',
+          ]);
+          await dashboardControls.ensureAvailableOptionsEqual(controlId, {
+            suggestions: { ...suggestions, grr: suggestions.grr - 1 },
+            invalidSelections: [],
+          });
         });
 
         it('Does not mark multiple selections invalid with Filter', async () => {
           await filterBar.addFilter({ field: 'sound.keyword', operation: 'is', value: 'hiss' });
           await dashboard.waitForRenderComplete();
           await header.waitUntilLoadingHasFinished();
-          await ensureAvailableOptionsEql(['hiss']);
+          await dashboardControls.ensureAvailableOptionsEqual(controlId, {
+            suggestions: {
+              hiss: OPTIONS_LIST_ANIMAL_SOUND_SUGGESTIONS.hiss,
+            },
+            invalidSelections: [],
+          });
         });
       });
 
diff --git a/test/functional/page_objects/dashboard_page_controls.ts b/test/functional/page_objects/dashboard_page_controls.ts
index a584fbed741e9..cdb48b067aec5 100644
--- a/test/functional/page_objects/dashboard_page_controls.ts
+++ b/test/functional/page_objects/dashboard_page_controls.ts
@@ -13,7 +13,7 @@ import {
   ControlWidth,
 } from '@kbn/controls-plugin/common';
 import { ControlGroupChainingSystem } from '@kbn/controls-plugin/common/control_group/types';
-import { SortingType } from '@kbn/controls-plugin/common/options_list/suggestions_sorting';
+import { OptionsListSortingType } from '@kbn/controls-plugin/common/options_list/suggestions_sorting';
 import { WebElementWrapper } from '../services/lib/web_element_wrapper';
 
 import { FtrService } from '../ftr_provider_context';
@@ -25,7 +25,7 @@ const CONTROL_DISPLAY_NAMES: { [key: string]: string } = {
 };
 
 interface OptionsListAdditionalSettings {
-  defaultSortType?: SortingType;
+  defaultSortType?: OptionsListSortingType;
   ignoreTimeout?: boolean;
   allowMultiple?: boolean;
   hideExclude?: boolean;
@@ -33,6 +33,17 @@ interface OptionsListAdditionalSettings {
   hideSort?: boolean;
 }
 
+export const OPTIONS_LIST_ANIMAL_SOUND_SUGGESTIONS: { [key: string]: number } = {
+  hiss: 5,
+  ruff: 4,
+  bark: 3,
+  grrr: 3,
+  meow: 3,
+  growl: 2,
+  grr: 2,
+  'bow ow ow': 1,
+};
+
 export class DashboardPageControls extends FtrService {
   private readonly log = this.ctx.getService('log');
   private readonly find = this.ctx.getService('find');
@@ -375,11 +386,44 @@ export class DashboardPageControls extends FtrService {
     return +(await availableOptions.getAttribute('data-option-count'));
   }
 
-  public async optionsListPopoverGetAvailableOptions(filterOutExists: boolean = true) {
+  public async optionsListPopoverGetAvailableOptions() {
     this.log.debug(`getting available options from options list`);
     const availableOptions = await this.testSubjects.find(`optionsList-control-available-options`);
-    const availableOptionsArray = (await availableOptions.getVisibleText()).split('\n');
-    return filterOutExists ? availableOptionsArray.slice(1) : availableOptionsArray;
+
+    const suggestionElements = await availableOptions.findAllByClassName(
+      'optionsList__validSuggestion'
+    );
+    const suggestions: { [key: string]: number } = await suggestionElements.reduce(
+      async (promise, option) => {
+        const acc = await promise;
+        const [key, docCount] = (await option.getVisibleText()).split('\n');
+        return { ...acc, [key]: Number(docCount) };
+      },
+      Promise.resolve({} as { [key: string]: number })
+    );
+
+    const invalidSelectionElements = await availableOptions.findAllByClassName(
+      'optionsList__selectionInvalid'
+    );
+    const invalidSelections = await Promise.all(
+      invalidSelectionElements.map(async (option) => {
+        return await option.getVisibleText();
+      })
+    );
+
+    return { suggestions, invalidSelections };
+  }
+
+  public async ensureAvailableOptionsEqual(
+    controlId: string,
+    expectation: { suggestions: { [key: string]: number }; invalidSelections: string[] },
+    skipOpen?: boolean
+  ) {
+    if (!skipOpen) await this.optionsListOpenPopover(controlId);
+    await this.retry.try(async () => {
+      expect(await this.optionsListPopoverGetAvailableOptions()).to.eql(expectation);
+    });
+    if (!skipOpen) await this.optionsListEnsurePopoverIsClosed(controlId);
   }
 
   public async optionsListPopoverSearchForOption(search: string) {
@@ -394,7 +438,7 @@ export class DashboardPageControls extends FtrService {
     await this.find.clickByCssSelector('.euiFormControlLayoutClearButton');
   }
 
-  public async optionsListPopoverSetSort(sort: SortingType) {
+  public async optionsListPopoverSetSort(sort: OptionsListSortingType) {
     this.log.debug(`select sorting type for suggestions`);
     await this.optionsListPopoverAssertOpen();
 
diff --git a/x-pack/plugins/translations/translations/fr-FR.json b/x-pack/plugins/translations/translations/fr-FR.json
index b5484f5a56e83..cf3b43324daf9 100644
--- a/x-pack/plugins/translations/translations/fr-FR.json
+++ b/x-pack/plugins/translations/translations/fr-FR.json
@@ -362,9 +362,7 @@
     "controls.optionsList.errors.fieldNotFound": "Impossible de localiser le champ : {fieldName}",
     "controls.optionsList.popover.ariaLabel": "Fenêtre contextuelle pour le contrôle {fieldName}",
     "controls.optionsList.popover.cardinalityPlaceholder": "Rechercher {totalOptions} {totalOptions, plural, one {option disponible} other {options disponibles}}",
-    "controls.optionsList.popover.cardinalityTooltip": "{totalOptions} options disponibles.",
     "controls.optionsList.popover.invalidSelectionsSectionTitle": "{invalidSelectionCount, plural, one {Sélection ignorée} other {Sélections ignorées}}",
-    "controls.optionsList.popover.invalidSelectionsTitle": "{invalidSelectionCount} options sélectionnées ignorées",
     "controls.optionsList.popover.invalidSelectionsTooltip": "{selectedOptions} {selectedOptions, plural, one {option sélectionnée} other {options sélectionnées}} {selectedOptions, plural, one {est ignorée} other {sont ignorées}}, car {selectedOptions, plural, one {elle n'est plus présente} other {elles ne sont plus présentes}} dans les données.",
     "controls.rangeSlider.errors.dataViewNotFound": "Impossible de localiser la vue de données : {dataViewId}",
     "controls.rangeSlider.errors.fieldNotFound": "Impossible de localiser le champ : {fieldName}",
@@ -446,8 +444,6 @@
     "controls.optionsList.popover.excludeLabel": "Exclure",
     "controls.optionsList.popover.excludeOptionsLegend": "Inclure ou exclure les sélections",
     "controls.optionsList.popover.includeLabel": "Inclure",
-    "controls.optionsList.popover.invalidSelectionsAriaLabel": "Désélectionnez toutes les sélections ignorées",
-    "controls.optionsList.popover.loading": "Options de chargement",
     "controls.optionsList.popover.selectedOptionsTitle": "Afficher uniquement les options sélectionnées",
     "controls.optionsList.popover.selectionsEmpty": "Vous n'avez pas de sélections",
     "controls.rangeSlider.description": "Ajoutez un contrôle pour la sélection d'une plage de valeurs de champ.",
diff --git a/x-pack/plugins/translations/translations/ja-JP.json b/x-pack/plugins/translations/translations/ja-JP.json
index 95ff0e1bcd852..a46fc3c7cb495 100644
--- a/x-pack/plugins/translations/translations/ja-JP.json
+++ b/x-pack/plugins/translations/translations/ja-JP.json
@@ -364,9 +364,7 @@
     "controls.optionsList.errors.fieldNotFound": "フィールド{fieldName}が見つかりませんでした",
     "controls.optionsList.popover.ariaLabel": "{fieldName}コントロールのポップオーバー",
     "controls.optionsList.popover.cardinalityPlaceholder": "{totalOptions}個の使用可能な{totalOptions, plural, other {オプション}}を検索",
-    "controls.optionsList.popover.cardinalityTooltip": "{totalOptions}個のオプションを使用できます。",
     "controls.optionsList.popover.invalidSelectionsSectionTitle": "{invalidSelectionCount, plural, other {個の選択項目}}",
-    "controls.optionsList.popover.invalidSelectionsTitle": "{invalidSelectionCount}個の選択されたオプションが無視されました",
     "controls.optionsList.popover.invalidSelectionsTooltip": "{selectedOptions}個の選択した{selectedOptions, plural, other {オプション}} {selectedOptions, plural, other {が}}無視されます。{selectedOptions, plural, other {オプションが}}データに存在しません。",
     "controls.rangeSlider.errors.dataViewNotFound": "データビュー{dataViewId}が見つかりませんでした",
     "controls.rangeSlider.errors.fieldNotFound": "フィールド{fieldName}が見つかりませんでした",
@@ -448,8 +446,6 @@
     "controls.optionsList.popover.excludeLabel": "除外",
     "controls.optionsList.popover.excludeOptionsLegend": "選択項目の追加または除外",
     "controls.optionsList.popover.includeLabel": "含める",
-    "controls.optionsList.popover.invalidSelectionsAriaLabel": "すべての無視された選択項目を選択解除",
-    "controls.optionsList.popover.loading": "オプションを読み込み中",
     "controls.optionsList.popover.selectedOptionsTitle": "選択したオプションのみを表示",
     "controls.optionsList.popover.selectionsEmpty": "選択されていません",
     "controls.rangeSlider.description": "フィールド値の範囲を選択するためのコントロールを追加",
diff --git a/x-pack/plugins/translations/translations/zh-CN.json b/x-pack/plugins/translations/translations/zh-CN.json
index 4b4d96d9e049d..bbe39ce2ef4a2 100644
--- a/x-pack/plugins/translations/translations/zh-CN.json
+++ b/x-pack/plugins/translations/translations/zh-CN.json
@@ -364,9 +364,7 @@
     "controls.optionsList.errors.fieldNotFound": "找不到字段：{fieldName}",
     "controls.optionsList.popover.ariaLabel": "{fieldName} 控件的弹出框",
     "controls.optionsList.popover.cardinalityPlaceholder": "搜索 {totalOptions} 个可用{totalOptions, plural, other {选项}}",
-    "controls.optionsList.popover.cardinalityTooltip": "{totalOptions} 个可用选项。",
     "controls.optionsList.popover.invalidSelectionsSectionTitle": "已忽略{invalidSelectionCount, plural, other {个选择}}",
-    "controls.optionsList.popover.invalidSelectionsTitle": "已忽略 {invalidSelectionCount} 个选定的选项",
     "controls.optionsList.popover.invalidSelectionsTooltip": "{selectedOptions} 个选定{selectedOptions, plural, other {选项}} {selectedOptions, plural, other {已}}忽略，因为{selectedOptions, plural, one {其} other {它们}}已不再在数据中。",
     "controls.rangeSlider.errors.dataViewNotFound": "找不到数据视图：{dataViewId}",
     "controls.rangeSlider.errors.fieldNotFound": "找不到字段：{fieldName}",
@@ -448,8 +446,6 @@
     "controls.optionsList.popover.excludeLabel": "排除",
     "controls.optionsList.popover.excludeOptionsLegend": "包括或排除所选内容",
     "controls.optionsList.popover.includeLabel": "包括",
-    "controls.optionsList.popover.invalidSelectionsAriaLabel": "取消选择所有已忽略的选择",
-    "controls.optionsList.popover.loading": "正在加载选项",
     "controls.optionsList.popover.selectedOptionsTitle": "仅显示选定选项",
     "controls.optionsList.popover.selectionsEmpty": "您未选择任何内容",
     "controls.rangeSlider.description": "添加用于选择字段值范围的控件。",