From 261847bec1a05052bb336255d178544f50a90081 Mon Sep 17 00:00:00 2001
From: Willian Mitsuda <wmitsuda@gmail.com>
Date: Mon, 19 Jul 2021 01:03:32 -0300
Subject: [PATCH] Change p for span to avoid block filling the entire row

---
 src/components/Address.tsx     | 2 +-
 src/components/AddressLink.tsx | 4 ++--
 src/components/ENSName.tsx     | 2 +-
 src/components/ENSNameLink.tsx | 2 +-
 src/transaction/Logs.tsx       | 4 ++--
 5 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/components/Address.tsx b/src/components/Address.tsx
index d757ed3..d7694e5 100644
--- a/src/components/Address.tsx
+++ b/src/components/Address.tsx
@@ -6,7 +6,7 @@ type AddressProps = {
 
 const Address: React.FC<AddressProps> = ({ address }) => (
   <span className="font-address text-gray-400 truncate" title={address}>
-    <p className="truncate">{address}</p>
+    <span className="truncate">{address}</span>
   </span>
 );
 
diff --git a/src/components/AddressLink.tsx b/src/components/AddressLink.tsx
index abddf99..a8fd5c3 100644
--- a/src/components/AddressLink.tsx
+++ b/src/components/AddressLink.tsx
@@ -18,9 +18,9 @@ const AddressLink: React.FC<AddressLinkProps> = ({
     } font-address truncate`}
     to={`/address/${address}`}
   >
-    <p className="truncate" title={text ?? address}>
+    <span className="truncate" title={text ?? address}>
       {text ?? address}
-    </p>
+    </span>
   </NavLink>
 );
 
diff --git a/src/components/ENSName.tsx b/src/components/ENSName.tsx
index 035c4ed..7bc8032 100644
--- a/src/components/ENSName.tsx
+++ b/src/components/ENSName.tsx
@@ -18,7 +18,7 @@ const ENSName: React.FC<ENSNameProps> = ({ name, address }) => (
       width={12}
       height={12}
     />
-    <p className="truncate">{name}</p>
+    <span className="truncate">{name}</span>
   </div>
 );
 
diff --git a/src/components/ENSNameLink.tsx b/src/components/ENSNameLink.tsx
index ae8f6f8..c1da646 100644
--- a/src/components/ENSNameLink.tsx
+++ b/src/components/ENSNameLink.tsx
@@ -27,7 +27,7 @@ const ENSNameLink: React.FC<ENSNameLinkProps> = ({
       width={12}
       height={12}
     />
-    <p className="truncate">{name}</p>
+    <span className="truncate">{name}</span>
   </NavLink>
 );
 
diff --git a/src/transaction/Logs.tsx b/src/transaction/Logs.tsx
index eda12be..d8cb868 100644
--- a/src/transaction/Logs.tsx
+++ b/src/transaction/Logs.tsx
@@ -1,6 +1,6 @@
 import React from "react";
 import ContentFrame from "../ContentFrame";
-import AddressLink from "../components/AddressLink";
+import AddressOrENSName from "../components/AddressOrENSName";
 import { TransactionData } from "../types";
 
 type LogsProps = {
@@ -22,7 +22,7 @@ const Logs: React.FC<LogsProps> = ({ txData }) => (
             <div className="grid grid-cols-12 gap-x-3 gap-y-5 text-sm">
               <div className="font-bold text-right">Address</div>
               <div className="col-span-11">
-                <AddressLink address={l.address} />
+                <AddressOrENSName address={l.address} />
               </div>
             </div>
             {l.topics.map((t, i) => (