From e048c58b5dee19105392f378b4f0c313406aa6f0 Mon Sep 17 00:00:00 2001
From: Georgios Konstantopoulos <me@gakonst.com>
Date: Thu, 22 Jan 2026 19:29:13 +0000
Subject: [PATCH 1/2] fix: add width/height to tokenlist images to prevent
 layout shift

---
 src/components/TokenList.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/TokenList.tsx b/src/components/TokenList.tsx
index 302090bf..d59fdd23 100644
--- a/src/components/TokenList.tsx
+++ b/src/components/TokenList.tsx
@@ -31,7 +31,7 @@ export function TokenListDemo() {
             className="flex items-center gap-2 text-content"
             href={`https://tokenlist.tempo.xyz/asset/42431/${token.address}`}
           >
-            <img src={token.logoURI} alt={token.name} className="size-7.5" />
+            <img src={token.logoURI} alt={token.name} width={30} height={30} className="size-7.5" />
             <span className="font-medium text-xl tracking-wider">{token.name}</span>
           </a>
         </li>

From 59576520b5988f43c588545c2dea90c94aa4c4af Mon Sep 17 00:00:00 2001
From: Georgios Konstantopoulos <me@gakonst.com>
Date: Thu, 22 Jan 2026 19:30:37 +0000
Subject: [PATCH 2/2] fix: use actual image dimensions (64x64)

---
 src/components/TokenList.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/TokenList.tsx b/src/components/TokenList.tsx
index d59fdd23..b4e4197a 100644
--- a/src/components/TokenList.tsx
+++ b/src/components/TokenList.tsx
@@ -31,7 +31,7 @@ export function TokenListDemo() {
             className="flex items-center gap-2 text-content"
             href={`https://tokenlist.tempo.xyz/asset/42431/${token.address}`}
           >
-            <img src={token.logoURI} alt={token.name} width={30} height={30} className="size-7.5" />
+            <img src={token.logoURI} alt={token.name} width={64} height={64} className="size-7.5" />
             <span className="font-medium text-xl tracking-wider">{token.name}</span>
           </a>
         </li>