[Security Solution][Resolver] Fix text overflow in panel breadcrumb (e…

…lastic#86905)

Co-authored-by: Kibana Machine <[email protected]>

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];