From 9b9cd6200fc0f111f146baa3cbcac513dac6f823 Mon Sep 17 00:00:00 2001
From: JayJay1024 <lygm1062@gmail.com>
Date: Thu, 8 Aug 2024 09:43:59 +0800
Subject: [PATCH] Add rounded-full style to chain logo in ChainSwitch

---
 src/components/header/chain-switch.tsx | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/src/components/header/chain-switch.tsx b/src/components/header/chain-switch.tsx
index 9a16256..124598e 100644
--- a/src/components/header/chain-switch.tsx
+++ b/src/components/header/chain-switch.tsx
@@ -62,7 +62,13 @@ export default function ChainSwitch() {
       >
         {currentChain ? (
           <>
-            <Image alt="Chain logo" width={24} height={24} src={getChainLogo(currentChain.logo)} />
+            <Image
+              alt="Chain logo"
+              width={24}
+              height={24}
+              src={getChainLogo(currentChain.logo)}
+              className="rounded-full"
+            />
             <span className="text-sm font-light">{currentChain.name}</span>
             <Image
               src="/images/caret-down.svg"
@@ -97,7 +103,13 @@ export default function ChainSwitch() {
                     setIsOpen(false);
                   }}
                 >
-                  <Image alt="Chain logo" width={24} height={24} src={getChainLogo(option.logo)} />
+                  <Image
+                    alt="Chain logo"
+                    width={24}
+                    height={24}
+                    src={getChainLogo(option.logo)}
+                    className="rounded-full"
+                  />
                   <span className="text-sm font-light">{getChainConfig(option.chainId).name}</span>
                 </button>
               ))}