From da7b039c220ccf04c9d0b3a3704f572e0c558f09 Mon Sep 17 00:00:00 2001
From: Willian Mitsuda <wmitsuda@gmail.com>
Date: Wed, 14 Jul 2021 22:51:33 -0300
Subject: [PATCH] Fix highlighting on to column

---
 src/search/TransactionItem.tsx | 26 ++++++++++++++------------
 1 file changed, 14 insertions(+), 12 deletions(-)

diff --git a/src/search/TransactionItem.tsx b/src/search/TransactionItem.tsx
index ca4fbed..3829010 100644
--- a/src/search/TransactionItem.tsx
+++ b/src/search/TransactionItem.tsx
@@ -68,7 +68,7 @@ const TransactionItem: React.FC<TransactionItemProps> = ({
       </span>
       <TimestampAge timestamp={tx.timestamp} />
       <span className="col-span-2 flex justify-between items-baseline space-x-2 pr-2">
-        <span className="truncate" title={tx.from}>
+        <span className="truncate">
           {tx.from && (
             <AddressHighlighter address={tx.from}>
               <AddressOrENSName
@@ -87,17 +87,19 @@ const TransactionItem: React.FC<TransactionItemProps> = ({
           />
         </span>
       </span>
-      <span className="col-span-2 truncate" title={tx.to}>
-        {tx.to && (
-          <AddressHighlighter address={tx.to}>
-            <AddressOrENSName
-              address={tx.to}
-              ensName={ensTo}
-              selectedAddress={selectedAddress}
-              minerAddress={tx.miner}
-            />
-          </AddressHighlighter>
-        )}
+      <span className="col-span-2 flex items-baseline" title={tx.to}>
+        <span className="truncate">
+          {tx.to && (
+            <AddressHighlighter address={tx.to}>
+              <AddressOrENSName
+                address={tx.to}
+                ensName={ensTo}
+                selectedAddress={selectedAddress}
+                minerAddress={tx.miner}
+              />
+            </AddressHighlighter>
+          )}
+        </span>
       </span>
       <span className="col-span-2 truncate">
         <TransactionValue value={tx.value} />