diff --git a/packages/neuron-ui/src/components/WalletConnnect/ItemComponents.tsx b/packages/neuron-ui/src/components/WalletConnect/ItemComponents.tsx
similarity index 99%
rename from packages/neuron-ui/src/components/WalletConnnect/ItemComponents.tsx
rename to packages/neuron-ui/src/components/WalletConnect/ItemComponents.tsx
index 5f7eb3c6e5..48fefa8ad0 100644
--- a/packages/neuron-ui/src/components/WalletConnnect/ItemComponents.tsx
+++ b/packages/neuron-ui/src/components/WalletConnect/ItemComponents.tsx
@@ -5,7 +5,7 @@ import { clsx } from 'utils'
 import { SCRIPT_BASES } from 'utils/const'
 import { Proposal, Session, SessionRequest } from 'ckb-walletconnect-wallet-sdk'
 import { DetailIcon } from 'widgets/Icons/icon'
-import styles from './walletConnnect.module.scss'
+import styles from './walletConnect.module.scss'
 
 interface PrososalItemProps {
   data: Proposal
diff --git a/packages/neuron-ui/src/components/WalletConnnect/hooks.ts b/packages/neuron-ui/src/components/WalletConnect/hooks.ts
similarity index 100%
rename from packages/neuron-ui/src/components/WalletConnnect/hooks.ts
rename to packages/neuron-ui/src/components/WalletConnect/hooks.ts
diff --git a/packages/neuron-ui/src/components/WalletConnnect/index.tsx b/packages/neuron-ui/src/components/WalletConnect/index.tsx
similarity index 99%
rename from packages/neuron-ui/src/components/WalletConnnect/index.tsx
rename to packages/neuron-ui/src/components/WalletConnect/index.tsx
index de00b8d6e9..b4d35a0f8e 100644
--- a/packages/neuron-ui/src/components/WalletConnnect/index.tsx
+++ b/packages/neuron-ui/src/components/WalletConnect/index.tsx
@@ -15,8 +15,8 @@ import { clsx, ErrorCode, isSuccessResponse } from 'utils'
 import { Experiment, WalletConnect as WalletConnectIcon, Scan, ScanScreen, NumberScan } from 'widgets/Icons/icon'
 import { SessionRequest } from 'ckb-walletconnect-wallet-sdk'
 import { useWalletConnect } from './hooks'
-import styles from './walletConnnect.module.scss'
 import { SessionItem, PrososalItem, MessageItem, TransactionItem } from './ItemComponents'
+import styles from './walletConnect.module.scss'
 
 const WalletConnect = () => {
   const { wallet } = useGlobalState()
diff --git a/packages/neuron-ui/src/components/WalletConnnect/walletConnnect.module.scss b/packages/neuron-ui/src/components/WalletConnect/walletConnect.module.scss
similarity index 100%
rename from packages/neuron-ui/src/components/WalletConnnect/walletConnnect.module.scss
rename to packages/neuron-ui/src/components/WalletConnect/walletConnect.module.scss
diff --git a/packages/neuron-ui/src/router.tsx b/packages/neuron-ui/src/router.tsx
index 01a6c5b890..aa70ba6550 100644
--- a/packages/neuron-ui/src/router.tsx
+++ b/packages/neuron-ui/src/router.tsx
@@ -21,7 +21,7 @@ import OfflineSign from 'components/OfflineSign'
 import Settings from 'components/Settings'
 import SignAndVerify from 'components/SignAndVerify'
 import MultisigAddress from 'components/MultisigAddress'
-import WalletConnnect from 'components/WalletConnnect'
+import WalletConnect from 'components/WalletConnect'
 
 const toolsRouters = [
   {
@@ -198,7 +198,7 @@ const mainRouterConfig: RouteObject[] = [
         path: RoutePath.WalletConnect,
         element: (
           <>
-            <WalletConnnect />
+            <WalletConnect />
             <Outlet />
           </>
         ),