diff --git a/components/ConnectButton/index.tsx b/components/ConnectButton/index.tsx
index cd1f62fd..d4da7fbf 100644
--- a/components/ConnectButton/index.tsx
+++ b/components/ConnectButton/index.tsx
@@ -6,7 +6,7 @@ const ConnectButton = (props: ConnectButtonProps) => {
   const { width } = useWindowSize();
   return (
     <ConnectButtonRainbowKit
-      chainStatus="none"
+      chainStatus="icon"
       accountStatus={width < 1800 ? "avatar" : "full"}
       {...props}
     />
diff --git a/components/Web3Providers/index.tsx b/components/Web3Providers/index.tsx
index 55b4163b..940dd76e 100644
--- a/components/Web3Providers/index.tsx
+++ b/components/Web3Providers/index.tsx
@@ -14,8 +14,14 @@ import {
   walletConnectWallet,
 } from "@rainbow-me/rainbowkit/wallets";
 import rainbowTheme from "constants/rainbowTheme";
-import { DEFAULT_CHAIN, L1_CHAIN, WALLET_CONNECT_PROJECT_ID } from "lib/chains";
+import {
+  DEFAULT_CHAIN,
+  L1_CHAIN,
+  NETWORK_RPC_URLS,
+  WALLET_CONNECT_PROJECT_ID,
+} from "lib/chains";
 import { useMemo } from "react";
+import { fallback, http } from "viem";
 import { WagmiProvider } from "wagmi";
 
 const Index = ({
@@ -35,6 +41,12 @@ const Index = ({
       projectId: WALLET_CONNECT_PROJECT_ID ?? "",
       chains,
       ssr: false,
+      transports: Object.fromEntries(
+        chains.map((c) => [
+          c.id,
+          fallback((NETWORK_RPC_URLS[c.id] ?? []).map((url) => http(url))),
+        ])
+      ),
       wallets: [
         {
           groupName: "Popular",