From c9f2f5b3ee9f8e9c007e680d60449e89b2335f77 Mon Sep 17 00:00:00 2001
From: Michael Olorunnisola <michael.olorunnisola@elastic.co>
Date: Tue, 19 Jan 2021 15:26:28 -0500
Subject: [PATCH] [Security_Solution][Resolver] Fix Text Overflow (#88679)

---
 .../public/resolver/view/panels/breadcrumbs.tsx               | 4 ++--
 1 file changed, 2 insertions(+), 2 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
index 98c81f08b8154..927faa48400f4 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,7 +11,6 @@ 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
@@ -21,7 +20,8 @@ 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>;
+      // Manually set here as setting truncate={true} on ThemedBreadcrumbs truncates all parts of the full path
+      crumb.truncate = true;
       return crumb;
     });
     return [...breadcrumbs.slice(0, -1), ...lastcrumb];