From 2cc119589bb395e048c908f4ee2c9fbe7dc7a806 Mon Sep 17 00:00:00 2001
From: David Colon <38386583+Da-Colon@users.noreply.github.com>
Date: Thu, 15 Feb 2024 22:34:26 -0500
Subject: [PATCH] remove error of nested <div> in <a>

---
 src/components/ui/links/EtherscanLinkBase.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

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>
   );
 }