From 1d6f83ba5f5aab0fbf6e6df3e7936f400c98de6b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ece=20=C3=96zalp?= <ozale272@newschool.edu>
Date: Mon, 10 Jan 2022 21:30:34 -0500
Subject: [PATCH] adds tooltip (#122601)

Co-authored-by: Ece Ozalp <ece.ozalp@elastic.co>
(cherry picked from commit c488d5708d9c6a861c021682d352968bed2c10f9)
---
 .../overview_risky_host_links/navigate_to_host.tsx     | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/x-pack/plugins/security_solution/public/overview/components/overview_risky_host_links/navigate_to_host.tsx b/x-pack/plugins/security_solution/public/overview/components/overview_risky_host_links/navigate_to_host.tsx
index 2c8e281b376d6..afa0cfe7e9ae8 100644
--- a/x-pack/plugins/security_solution/public/overview/components/overview_risky_host_links/navigate_to_host.tsx
+++ b/x-pack/plugins/security_solution/public/overview/components/overview_risky_host_links/navigate_to_host.tsx
@@ -6,7 +6,7 @@
  */
 
 import React, { useCallback } from 'react';
-import { EuiButtonEmpty, EuiText } from '@elastic/eui';
+import { EuiButtonEmpty, EuiText, EuiToolTip } from '@elastic/eui';
 import { APP_UI_ID, SecurityPageName } from '../../../../common/constants';
 import { useKibana } from '../../../common/lib/kibana';
 
@@ -34,8 +34,10 @@ export const NavigateToHost: React.FC<{ name: string }> = ({ name }): JSX.Elemen
     [filterManager, name, navigateToApp]
   );
   return (
-    <EuiButtonEmpty color="text" onClick={goToHostPage} size="xs">
-      <EuiText size="s">{name}</EuiText>
-    </EuiButtonEmpty>
+    <EuiToolTip content={name} position="top">
+      <EuiButtonEmpty color="text" onClick={goToHostPage} size="xs">
+        <EuiText size="s">{name}</EuiText>
+      </EuiButtonEmpty>
+    </EuiToolTip>
   );
 };