diff --git a/components/common/ConnectWallet/useConnectWallet.ts b/components/common/ConnectWallet/useConnectWallet.ts
index f366d888c8..9ff8848acb 100644
--- a/components/common/ConnectWallet/useConnectWallet.ts
+++ b/components/common/ConnectWallet/useConnectWallet.ts
@@ -2,6 +2,6 @@ import ConnectWalletModal from './ConnectWalletModal.vue'
 
 export const ConnectWalletModalConfig = {
   component: ConnectWalletModal,
-  canCancel: true,
+  canCancel: ['escape', 'outside'],
   customClass: 'connect-wallet-modal',
 }