From ccbf06f179ac04065fd7e034daff1bc298690847 Mon Sep 17 00:00:00 2001
From: Gala <calero.vg@gmail.com>
Date: Mon, 19 Dec 2022 15:23:39 +0100
Subject: [PATCH] refactor from PR request

---
 .../src/components/Bonding/BondedMixnode.tsx     |  6 +++++-
 nym-wallet/src/components/IdentityKey.tsx        | 16 +++++++---------
 2 files changed, 12 insertions(+), 10 deletions(-)

diff --git a/nym-wallet/src/components/Bonding/BondedMixnode.tsx b/nym-wallet/src/components/Bonding/BondedMixnode.tsx
index 92b4bdb965..ae32fdefba 100644
--- a/nym-wallet/src/components/Bonding/BondedMixnode.tsx
+++ b/nym-wallet/src/components/Bonding/BondedMixnode.tsx
@@ -155,7 +155,11 @@ export const BondedMixnode = ({
                 {name}
               </Typography>
             )}
-            <IdentityKey identityKey={identityKey} tooltipTitle={host} />
+            <Tooltip title={host} placement="top" arrow>
+              <Box width="fit-content">
+                <IdentityKey identityKey={identityKey} />
+              </Box>
+            </Tooltip>
           </Stack>
         }
         Action={
diff --git a/nym-wallet/src/components/IdentityKey.tsx b/nym-wallet/src/components/IdentityKey.tsx
index 372a6bf40d..acf4019ce7 100644
--- a/nym-wallet/src/components/IdentityKey.tsx
+++ b/nym-wallet/src/components/IdentityKey.tsx
@@ -3,13 +3,11 @@ import { Stack, Typography, Tooltip } from '@mui/material';
 import { CopyToClipboard } from '@nymproject/react/clipboard/CopyToClipboard';
 import { splice } from 'src/utils';
 
-export const IdentityKey = ({ identityKey, tooltipTitle }: { identityKey: string; tooltipTitle?: string }) => (
-  <Tooltip title={tooltipTitle || ''} placement="top" arrow>
-    <Stack direction="row" width="fit-content">
-      <Typography variant="body2" component="span" fontWeight={400} sx={{ mr: 1, color: 'text.primary' }}>
-        {splice(6, identityKey)}
-      </Typography>
-      <CopyToClipboard value={identityKey} sx={{ fontSize: 18 }} />
-    </Stack>
-  </Tooltip>
+export const IdentityKey = ({ identityKey }: { identityKey: string }) => (
+  <Stack direction="row" width="fit-content">
+    <Typography variant="body2" component="span" fontWeight={400} sx={{ mr: 1, color: 'text.primary' }}>
+      {splice(6, identityKey)}
+    </Typography>
+    <CopyToClipboard value={identityKey} sx={{ fontSize: 18 }} />
+  </Stack>
 );