diff --git a/next/components/account.js b/next/components/account.js
index 9519fe41..8d0a4bb1 100644
--- a/next/components/account.js
+++ b/next/components/account.js
@@ -188,9 +188,8 @@ function Account({ networks }) {
 
   const Menu = (
     <MenuWrapper ref={menuRef} onClick={(e) => e.stopPropagation()}>
-      {/*The dark connect button For Mobile only*/}
       {!account && ConnectWalletButton}
-      {/*The dark connect button For Mobile only*/}
+
       {address && (
         <>
           <AccountWrapper>
@@ -248,6 +247,7 @@ function Account({ networks }) {
           </div>
         </AccountWrapperPC>
         {showMenu && Menu}
+        {showConnect && <ConnectModal networks={networks} />}
       </Wrapper>
     );
   }
diff --git a/next/components/header.js b/next/components/header.js
index 9a67f46d..d1efce0a 100644
--- a/next/components/header.js
+++ b/next/components/header.js
@@ -76,7 +76,6 @@ export default function Header({ networks }) {
 
   return (
     <OsnHeader
-      className="z-50"
       prefix={
         <AppWrapper>
           <SystemApps className="text-textSecondary mr-4" />