[8.12] [UnifiedFieldList] Fix item line breaks (#172954) (#173004)

# Backport This will backport the following commits from `main` to `8.12`: - [[UnifiedFieldList] Fix item line breaks (#172954)](#172954)  ### Questions ? Please refer to the [Backport tool documentation](https://github.com/sqren/backport)  Co-authored-by: Julia Rechkunova <[email protected]>
elastic · Dec 9, 2023 · 3cd326b · 3cd326b
1 parent 4c25934
commit 3cd326b
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 9 deletions.
diff --git a/packages/kbn-react-field/src/field_button/__snapshots__/field_button.test.tsx.snap b/packages/kbn-react-field/src/field_button/__snapshots__/field_button.test.tsx.snap
diff --git a/packages/kbn-react-field/src/field_button/field_button.scss b/packages/kbn-react-field/src/field_button/field_button.scss
@@ -30,7 +30,6 @@
 
 .kbnFieldButton__name {
   flex-grow: 1;
-  word-break: break-word;
   padding: 0 $euiSizeS;
 }
 

diff --git a/packages/kbn-react-field/src/field_button/field_button.tsx b/packages/kbn-react-field/src/field_button/field_button.tsx
@@ -103,7 +103,7 @@ export function FieldButton({
     <>
       {fieldIcon && <span className="kbnFieldButton__fieldIcon">{fieldIcon}</span>}
       {fieldName && (
-        <span className="kbnFieldButton__name">
+        <span className="kbnFieldButton__name eui-textBreakAll">
           <span className="kbnFieldButton__nameInner">{fieldName}</span>
         </span>
       )}