From 71e4651485a72398542e95f3390f56b92e71d3e1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Agust=C3=ADn=20Longoni?= <agustin.longoni@altoros.com>
Date: Thu, 21 Apr 2022 13:45:20 -0300
Subject: [PATCH] fix tooltip position

---
 src/components/common/CopyButton/index.tsx | 11 +++--------
 1 file changed, 3 insertions(+), 8 deletions(-)

diff --git a/src/components/common/CopyButton/index.tsx b/src/components/common/CopyButton/index.tsx
index 4af3c9b26..6bda073f7 100644
--- a/src/components/common/CopyButton/index.tsx
+++ b/src/components/common/CopyButton/index.tsx
@@ -20,6 +20,7 @@ const Icon = styled(FontAwesomeIcon)<{ copied?: string; height?: number }>`
   cursor: ${({ copied }): string => (copied ? 'reset' : 'pointer')};
   vertical-align: baseline;
   margin: 0 0 0 0.3rem;
+  width: 1.6rem !important;
 
   ${({ height }): FlattenSimpleInterpolation | undefined | number =>
     height &&
@@ -48,12 +49,6 @@ const Icon = styled(FontAwesomeIcon)<{ copied?: string; height?: number }>`
   }
 `
 
-const Wrapper = styled.span`
-  width: 1.6rem;
-  height: 1.6rem;
-  display: inline-block;
-`
-
 export type Props = { text: string; onCopy?: (value: string) => void; heightIcon?: number }
 
 /**
@@ -87,10 +82,10 @@ export function CopyButton(props: Props): JSX.Element {
 
   return (
     <CopyToClipboard text={text} onCopy={handleOnCopy}>
-      <Wrapper>
+      <span>
         <Icon height={heightIcon} icon={copied ? faCheck : faCopy} copied={copied ? 'true' : undefined} />{' '}
         {copied && <span className="copy-text">Copied</span>}
-      </Wrapper>
+      </span>
     </CopyToClipboard>
   )
 }