diff --git a/examples/components/src/Header.tsx b/examples/components/src/Header.tsx
index fa0f3e5e0..c0855e295 100644
--- a/examples/components/src/Header.tsx
+++ b/examples/components/src/Header.tsx
@@ -99,6 +99,12 @@ const NetworkSelect = () => {
   const { switchChain } = useSwitchChain()
   const [isOpen, toggleOpen] = useState(false)
 
+  chains.map(chain => {
+    if (chain.id === 8453) {
+      chain.name = 'Base'
+    }
+  })
+
   return (
     <PopoverPrimitive.Root open={isOpen} onOpenChange={toggleOpen}>
       <PopoverPrimitive.Trigger asChild>
diff --git a/packages/checkout/src/views/Checkout/PaymentMethodSelect/PayWithCrypto/index.tsx b/packages/checkout/src/views/Checkout/PaymentMethodSelect/PayWithCrypto/index.tsx
index 0558c796c..1648579f1 100644
--- a/packages/checkout/src/views/Checkout/PaymentMethodSelect/PayWithCrypto/index.tsx
+++ b/packages/checkout/src/views/Checkout/PaymentMethodSelect/PayWithCrypto/index.tsx
@@ -20,7 +20,7 @@ import { TransactionOnRampProvider } from '@0xsequence/marketplace'
 import { findSupportedNetwork } from '@0xsequence/network'
 import { useEffect, useState, type RefObject } from 'react'
 import { encodeFunctionData, formatUnits, zeroAddress, type Hex } from 'viem'
-import { useAccount, useChainId, usePublicClient, useReadContract, useWalletClient, useSwitchChain } from 'wagmi'
+import { useAccount, useChainId, usePublicClient, useReadContract, useSwitchChain, useWalletClient } from 'wagmi'
 
 import { ERC_20_CONTRACT_ABI } from '../../../../constants/abi.js'
 import { EVENT_SOURCE } from '../../../../constants/index.js'
diff --git a/packages/connect/src/styles.ts b/packages/connect/src/styles.ts
index 2700224e8..c64720c19 100644
--- a/packages/connect/src/styles.ts
+++ b/packages/connect/src/styles.ts
@@ -2500,4 +2500,6 @@ export const styles = String.raw`
       --tw-gradient-to-position: 100%;
     }
   }
-}`
+}
+
+`