diff --git a/src/components/ui/links/EtherscanLinkBase.tsx b/src/components/ui/links/EtherscanLinkBase.tsx
index fedc6a25bd..d8f95f5abf 100644
--- a/src/components/ui/links/EtherscanLinkBase.tsx
+++ b/src/components/ui/links/EtherscanLinkBase.tsx
@@ -13,8 +13,8 @@ export default function EtherscanBase({ children, ...rest }: LinkProps) {
   const { t } = useTranslation();
   const containerRef = useRef<HTMLDivElement>(null);
   return (
-    <ExternalLink {...rest}>
-      <Box ref={containerRef}>
+    <Box ref={containerRef}>
+      <ExternalLink {...rest}>
         <ModalTooltip
           label={t('etherscanTip')}
           placement="bottom"
@@ -23,7 +23,7 @@ export default function EtherscanBase({ children, ...rest }: LinkProps) {
           {/* Box here allows multiple children to be wrapped by a single tooltip */}
           <Box>{children}</Box>
         </ModalTooltip>
-      </Box>
-    </ExternalLink>
+      </ExternalLink>
+    </Box>
   );
 }