diff --git a/src/plugins/dashboard/public/dashboard_actions/filters_notification_popover_contents.tsx b/src/plugins/dashboard/public/dashboard_actions/filters_notification_popover_contents.tsx
index 37769e2de42c7b..54003517290151 100644
--- a/src/plugins/dashboard/public/dashboard_actions/filters_notification_popover_contents.tsx
+++ b/src/plugins/dashboard/public/dashboard_actions/filters_notification_popover_contents.tsx
@@ -80,6 +80,7 @@ export function FiltersNotificationPopoverContents({
           <EuiFormRow
             label={dashboardFilterNotificationActionStrings.getQueryTitle()}
             display="rowCompressed"
+            fullWidth
           >
             <EuiCodeBlock
               language={queryLanguage}
@@ -92,7 +93,7 @@ export function FiltersNotificationPopoverContents({
           </EuiFormRow>
         )}
         {filters && filters.length > 0 && (
-          <EuiFormRow label={dashboardFilterNotificationActionStrings.getFiltersTitle()}>
+          <EuiFormRow label={dashboardFilterNotificationActionStrings.getFiltersTitle()} fullWidth>
             <EuiFlexGroup wrap={true} gutterSize="xs">
               <FilterItems filters={filters} indexPatterns={dataViews} readOnly={true} />
             </EuiFlexGroup>
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 ? (
-        <>
-          <span className={marginLeftLabelCss(euiTheme)}>
-            {prefix}
-            {filter.meta.alias}
-            {filterLabelStatus && <>: {filterLabelValue}</>}
-          </span>
-        </>
-      ) : (
-        <div>
-          {isCombinedFilter(filter) && prefix}
-          <FilterBadgeGroup
-            filters={[filter]}
-            dataViews={dataViews}
-            filterLabelStatus={valueLabel}
-          />
-        </div>
-      )}
+      <span
+        css={css`
+          white-space: normal;
+        `}
+      >
+        <EuiTextBlockTruncate lines={10}>
+          {!hideAlias && filter.meta.alias !== null ? (
+            <>
+              <span className={marginLeftLabelCss(euiTheme)}>
+                {prefix}
+                {filter.meta.alias}
+                {filterLabelStatus && <>: {filterLabelValue}</>}
+              </span>
+            </>
+          ) : (
+            <div>
+              {isCombinedFilter(filter) && prefix}
+              <FilterBadgeGroup
+                filters={[filter]}
+                dataViews={dataViews}
+                filterLabelStatus={valueLabel}
+              />
+            </div>
+          )}
+        </EuiTextBlockTruncate>
+      </span>
     </EuiBadge>
   );
 }