From 1b0e9b01cc643d90db16ac01222f2a8b660c361b Mon Sep 17 00:00:00 2001
From: Kevin Logan <56395104+kevinlog@users.noreply.github.com>
Date: Wed, 7 Oct 2020 19:48:22 -0400
Subject: [PATCH] add the correct class to truncate the names (#79921)

Co-authored-by: Kibana Machine <42973632+kibanamachine@users.noreply.github.com>
---
 .../public/management/pages/endpoint_hosts/view/index.tsx     | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/x-pack/plugins/security_solution/public/management/pages/endpoint_hosts/view/index.tsx b/x-pack/plugins/security_solution/public/management/pages/endpoint_hosts/view/index.tsx
index ba3a90bbc7bdb..b514707da6f6e 100644
--- a/x-pack/plugins/security_solution/public/management/pages/endpoint_hosts/view/index.tsx
+++ b/x-pack/plugins/security_solution/public/management/pages/endpoint_hosts/view/index.tsx
@@ -276,7 +276,7 @@ export const EndpointList = () => {
           );
           const toRouteUrl = formatUrl(toRoutePath);
           return (
-            <EuiToolTip content={hostname} anchorClassName="eui-fullWidth">
+            <EuiToolTip content={hostname} anchorClassName="eui-textTruncate">
               <EndpointListNavLink
                 name={hostname}
                 href={toRouteUrl}
@@ -320,7 +320,7 @@ export const EndpointList = () => {
         // eslint-disable-next-line react/display-name
         render: (policy: HostInfo['metadata']['Endpoint']['policy']['applied']) => {
           return (
-            <EuiToolTip content={policy.name} anchorClassName="eui-fullWidth">
+            <EuiToolTip content={policy.name} anchorClassName="eui-textTruncate">
               <EndpointPolicyLink
                 policyId={policy.id}
                 className="eui-textTruncate"