[UnifiedFieldList] Fix item line breaks (#172954)

- Closes #170312 ## Summary Before: <img width="326" alt="Screenshot 2023-12-08 at 15 55 43" src="https://github.com/elastic/kibana/assets/1415710/f1fad658-8305-4b45-b7e3-9059c37b5ef3"> After: <img width="327" alt="Screenshot 2023-12-08 at 15 56 14" src="https://github.com/elastic/kibana/assets/1415710/50227a61-c092-4e63-83ce-6e12c95d1e32">
elastic · Dec 9, 2023 · d41889b · d41889b
1 parent 68139ca
commit d41889b
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>
       )}