adds tooltip (#122601)

Co-authored-by: Ece Ozalp <ece.ozalp@elastic.co> (cherry picked from commit c488d57)
elastic · Jan 11, 2022 · 1d6f83b · 1d6f83b
1 parent 2503fa6
commit 1d6f83b
Showing 1 changed file with 6 additions and 4 deletions.
diff --git a/...curity_solution/public/overview/components/overview_risky_host_links/navigate_to_host.tsx b/...curity_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>
   );
 };