[7.x] [Security Solution][Resolver] Fix text overflow in panel breadc…

…rumb (#86905) (#87186) Co-authored-by: Kibana Machine <[email protected]> Co-authored-by: Kibana Machine <[email protected]>
elastic · Jan 4, 2021 · 233f114 · 233f114
1 parent a146dd6
commit 233f114
Showing 1 changed file with 2 additions and 0 deletions.
diff --git a/x-pack/plugins/security_solution/public/resolver/view/panels/breadcrumbs.tsx b/x-pack/plugins/security_solution/public/resolver/view/panels/breadcrumbs.tsx
@@ -11,6 +11,7 @@ import { EuiBreadcrumb, EuiBetaBadge } from '@elastic/eui';
 import React, { memo, useMemo } from 'react';
 import { BetaHeader, ThemedBreadcrumbs } from './styles';
 import { useColors } from '../use_colors';
+import { GeneratedText } from '../generated_text';
 
 /**
  * Breadcrumb menu
@@ -20,6 +21,7 @@ export const Breadcrumbs = memo(function ({ breadcrumbs }: { breadcrumbs: EuiBre
   const crumbsWithLastSubject: EuiBreadcrumb[] = useMemo(() => {
     const lastcrumb = breadcrumbs.slice(-1).map((crumb) => {
       crumb['data-test-subj'] = 'resolver:breadcrumbs:last';
+      crumb.text = <GeneratedText>{crumb.text}</GeneratedText>;
       return crumb;
     });
     return [...breadcrumbs.slice(0, -1), ...lastcrumb];