Change p for span to avoid block filling the entire row

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

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

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

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

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) => (