From 7634fddf29e12f3fa98f973bd9aa3793a7a62325 Mon Sep 17 00:00:00 2001
From: Stratoula Kalafateli <efstratia.kalafateli@elastic.co>
Date: Mon, 12 Jun 2023 09:00:15 +0300
Subject: [PATCH] [Unified search] Fixes the wrap problem on the filter
 selection modal (#159376)

## Summary

Closes https://github.com/elastic/kibana/issues/158232

Fixes the wrap problem in filter selection modal when the text
field/value is very long

<img width="956" alt="image"
src="https://github.com/elastic/kibana/assets/17003240/beda8e16-6302-4d7e-aa84-0b6884891ccc">
---
 .../public/apply_filters/apply_filter_popover_content.tsx     | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/plugins/unified_search/public/apply_filters/apply_filter_popover_content.tsx b/src/plugins/unified_search/public/apply_filters/apply_filter_popover_content.tsx
index 492db78fbabc7..c12312c3e0919 100644
--- a/src/plugins/unified_search/public/apply_filters/apply_filter_popover_content.tsx
+++ b/src/plugins/unified_search/public/apply_filters/apply_filter_popover_content.tsx
@@ -18,6 +18,7 @@ import {
   EuiCheckbox,
 } from '@elastic/eui';
 import { FormattedMessage } from '@kbn/i18n-react';
+import { css } from '@emotion/react';
 import React, { Component } from 'react';
 import {
   getDisplayValueFromFilter,
@@ -77,6 +78,9 @@ export default class ApplyFiltersPopoverContent extends Component<Props, State>
               label={this.getLabel(filter)}
               checked={this.isFilterSelected(i)}
               onChange={() => this.toggleFilterSelected(i)}
+              css={css`
+                word-break: break-word;
+              `}
             />
           </EuiFormRow>
         ))}