diff --git a/packages/bridge-ui/src/components/form/SelectChain.svelte b/packages/bridge-ui/src/components/form/SelectChain.svelte
index ac7e45648b9..a98f4cc96af 100644
--- a/packages/bridge-ui/src/components/form/SelectChain.svelte
+++ b/packages/bridge-ui/src/components/form/SelectChain.svelte
@@ -8,6 +8,11 @@
   import { errorToast, successToast } from '../Toast.svelte';
 
   const toggleChains = async () => {
+    if (!$signer) {
+      errorToast('Please connect your wallet');
+      return;
+    }
+
     try {
       const chain = $fromChain === mainnetChain ? taikoChain : mainnetChain;
       await switchNetwork({
@@ -43,10 +48,10 @@
     {/if}
   </div>
 
-  <button
-    on:click={toggleChains}
-    class="btn btn-square btn-sm toggle-chain"
-    disabled={!$signer}><ArrowRight size="16" /></button>
+  <button on:click={toggleChains} class="btn btn-square btn-sm toggle-chain">
+    <ArrowRight size="16" />
+  </button>
+
   <div class="flex items-center w-2/5 justify-center">
     {#if $toChain}
       <svelte:component this={$toChain.icon} />