From bd421700508ee82b5aef1daeb3df841bdabe57be Mon Sep 17 00:00:00 2001
From: Willian Mitsuda <wmitsuda@gmail.com>
Date: Mon, 19 Jul 2021 15:00:15 -0300
Subject: [PATCH] Apply address highlighting to token names

---
 src/TokenTransferItem.tsx | 20 +++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/src/TokenTransferItem.tsx b/src/TokenTransferItem.tsx
index c8d51c8..83c5e81 100644
--- a/src/TokenTransferItem.tsx
+++ b/src/TokenTransferItem.tsx
@@ -57,15 +57,17 @@ const TokenTransferItem: React.FC<TokenTransferItemProps> = ({
             decimals={tokenMetas[t.token].decimals}
           />
         </span>
-        <DecoratedAddressLink
-          address={t.token}
-          text={
-            tokenMetas[t.token]
-              ? `${tokenMetas[t.token].name} (${tokenMetas[t.token].symbol})`
-              : ""
-          }
-          tokenMeta={tokenMetas[t.token]}
-        />
+        <AddressHighlighter address={t.token}>
+          <DecoratedAddressLink
+            address={t.token}
+            text={
+              tokenMetas[t.token]
+                ? `${tokenMetas[t.token].name} (${tokenMetas[t.token].symbol})`
+                : ""
+            }
+            tokenMeta={tokenMetas[t.token]}
+          />
+        </AddressHighlighter>
       </div>
     </div>
   </div>