diff --git a/src/plugins/unified_search/public/filter_badge/filter_badge.tsx b/src/plugins/unified_search/public/filter_badge/filter_badge.tsx
index 9b9e669885cbed..c1cc5c7a3da56f 100644
--- a/src/plugins/unified_search/public/filter_badge/filter_badge.tsx
+++ b/src/plugins/unified_search/public/filter_badge/filter_badge.tsx
@@ -7,10 +7,11 @@
*/
import React from 'react';
-import { EuiBadge, EuiTextColor, useEuiTheme } from '@elastic/eui';
+import { EuiBadge, EuiTextBlockTruncate, EuiTextColor, useEuiTheme } from '@elastic/eui';
import type { DataView } from '@kbn/data-views-plugin/common';
import type { Filter } from '@kbn/es-query';
import { isCombinedFilter } from '@kbn/es-query';
+import { css } from '@emotion/react';
import { FilterBadgeGroup } from './filter_badge_group';
import type { FilterLabelStatus } from '../filter_bar/filter_item/filter_item';
import { badgePaddingCss, marginLeftLabelCss } from './filter_badge.styles';
@@ -59,24 +60,32 @@ function FilterBadge({
iconSide="right"
{...rest}
>
- {!hideAlias && filter.meta.alias !== null ? (
- <>
-
- {prefix}
- {filter.meta.alias}
- {filterLabelStatus && <>: {filterLabelValue}>}
-
- >
- ) : (
-
- {isCombinedFilter(filter) && prefix}
-
-
- )}
+
+
+ {!hideAlias && filter.meta.alias !== null ? (
+ <>
+
+ {prefix}
+ {filter.meta.alias}
+ {filterLabelStatus && <>: {filterLabelValue}>}
+
+ >
+ ) : (
+
+ {isCombinedFilter(filter) && prefix}
+
+
+ )}
+
+
);
}