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 index bcb750893eaa6..98c81f08b8154 100644 --- 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 = {crumb.text}; return crumb; }); return [...breadcrumbs.slice(0, -1), ...lastcrumb];