diff --git a/.changeset/rare-candles-scream.md b/.changeset/rare-candles-scream.md
new file mode 100644
index 000000000..d6d8b7620
--- /dev/null
+++ b/.changeset/rare-candles-scream.md
@@ -0,0 +1,5 @@
+---
+"@blobscan/web": patch
+---
+
+Fixed the transaction hash overlap in the blob page
diff --git a/apps/web/src/pages/blob/[hash].tsx b/apps/web/src/pages/blob/[hash].tsx
index 94f931ff6..f708de735 100644
--- a/apps/web/src/pages/blob/[hash].tsx
+++ b/apps/web/src/pages/blob/[hash].tsx
@@ -136,14 +136,17 @@ const Blob: NextPage = function () {
     detailsFields.push({
       name: "Transactions and Blocks",
       value: (
-        <div className="grid w-full grid-cols-3 gap-y-3 md:grid-cols-3">
+        <div className="grid w-full grid-cols-3 gap-x-6 gap-y-3">
           {blob.transactions.map(({ hash: txHash, blockNumber }) => (
             <Fragment key={`${txHash}-${blockNumber}`}>
-              <div className="col-span-2 flex gap-1 md:col-span-2">
+              <div className="col-span-2 flex gap-1">
                 <div className="text-contentSecondary-light dark:text-contentSecondary-dark">
                   Tx{" "}
                 </div>
-                <div className="flex items-center gap-2">
+                <div
+                  className="flex items-center gap-2 truncate"
+                  title={txHash}
+                >
                   {<Link href={buildTransactionRoute(txHash)}>{txHash}</Link>}
                   <CopyToClipboard value={txHash} label="Copy tx hash" />
                 </div>