diff --git a/src/components/Tokens/TokenDetails/InfoTip.tsx b/src/components/Tokens/TokenDetails/InfoTip.tsx
index 5a2e513a4d..b5882b826f 100644
--- a/src/components/Tokens/TokenDetails/InfoTip.tsx
+++ b/src/components/Tokens/TokenDetails/InfoTip.tsx
@@ -17,18 +17,24 @@ const InfoTipBody = styled.div`
   line-height: 16px;
 `
 
+const InfoTipWrapper = styled.div`
+  margin-left: 4px;
+  display: flex;
+  align-items: center;
+`
+
 export default function InfoTip({ text }: { text: ReactNode; size?: number }) {
   const [show, setShow] = useState<boolean>(false)
 
   const open = useCallback(() => setShow(true), [setShow])
   const close = useCallback(() => setShow(false), [setShow])
   return (
-    <span style={{ marginLeft: 4, display: 'flex', alignItems: 'center', backgroundColor: 'black' }}>
+    <InfoTipWrapper>
       <Tooltip text={<InfoTipBody>{text}</InfoTipBody>} show={show} placement="right">
         <InfoTipContainer onClick={open} onMouseEnter={open} onMouseLeave={close}>
           <Info size={14} />
         </InfoTipContainer>
       </Tooltip>
-    </span>
+    </InfoTipWrapper>
   )
 }