diff --git a/packages/nextjs/app/wallet/page.tsx b/packages/nextjs/app/wallet/page.tsx
index 7dfc008..b7b7ba1 100644
--- a/packages/nextjs/app/wallet/page.tsx
+++ b/packages/nextjs/app/wallet/page.tsx
@@ -6,6 +6,7 @@ import {
   Wallet,
   AlertCircle,
 } from 'lucide-react'
+import { CustomConnectButton } from '~~/components/scaffold-stark/CustomConnectButton'
 
 const WalletIntegration = () => {
   return (
@@ -107,10 +108,11 @@ const WalletIntegration = () => {
               <button className='px-6 py-2 text-gray-400 hover:text-gray-200 transition-colors'>
                 Back
               </button>
-              <button className='px-6 py-2 bg-gradient-to-r from-purple-500 to-blue-500 rounded-lg hover:from-purple-600 hover:to-blue-600 transition-colors flex items-center space-x-2'>
+              {/* <button className='px-6 py-2 bg-gradient-to-r from-purple-500 to-blue-500 rounded-lg hover:from-purple-600 hover:to-blue-600 transition-colors flex items-center space-x-2'>
                 <span>Generate Wallet</span>
                 <ArrowRight className='w-4 h-4' />
-              </button>
+              </button> */}
+              <CustomConnectButton />
             </div>
           </div>
         </div>
diff --git a/packages/nextjs/components/Header.tsx b/packages/nextjs/components/Header.tsx
index 91241f2..13c6bd6 100644
--- a/packages/nextjs/components/Header.tsx
+++ b/packages/nextjs/components/Header.tsx
@@ -6,7 +6,7 @@ import Link from 'next/link'
 import { usePathname } from 'next/navigation'
 import { Bars3Icon, BugAntIcon } from '@heroicons/react/24/outline'
 import { useOutsideClick } from '~~/hooks/scaffold-stark'
-import { CustomConnectButton } from '~~/components/scaffold-stark/CustomConnectButton'
+// import { CustomConnectButton } from '~~/components/scaffold-stark/CustomConnectButton'
 import { useTheme } from 'next-themes'
 import { useTargetNetwork } from '~~/hooks/scaffold-stark/useTargetNetwork'
 import { devnet } from '@starknet-react/chains'
@@ -181,7 +181,7 @@ export const Header = () => {
             Wallet Not Deployed
           </span>
         ) : null}
-        <CustomConnectButton />
+        {/* <CustomConnectButton /> */}
         {/* <FaucetButton /> */}
         <SwitchTheme
           className={`pointer-events-auto ${
diff --git a/packages/nextjs/components/scaffold-stark/CustomConnectButton/ConnectModal.tsx b/packages/nextjs/components/scaffold-stark/CustomConnectButton/ConnectModal.tsx
index f7e6e3c..56325d2 100644
--- a/packages/nextjs/components/scaffold-stark/CustomConnectButton/ConnectModal.tsx
+++ b/packages/nextjs/components/scaffold-stark/CustomConnectButton/ConnectModal.tsx
@@ -65,7 +65,7 @@ const ConnectModal = () => {
                  text-white font-semibold px-6 py-2.5 text-sm transition-colors duration-200 
                  cursor-pointer shadow-sm hover:shadow-md'
       >
-        <span>Connect Wallet</span>
+        <span>Create Wallet</span>
       </label>
 
       {/* Modal Toggle */}