diff --git a/pages/account-not-login.tsx b/pages/account-not-login.tsx
new file mode 100644
index 000000000..cbda16486
--- /dev/null
+++ b/pages/account-not-login.tsx
@@ -0,0 +1,15 @@
+import React from 'react';
+import { Layout } from 'src/components/common';
+import { AccountSignIn } from 'src/components/modules/account';
+
+const AccountNotLogin = () => {
+    return (
+        <>
+            <AccountSignIn/>
+        </>
+    );
+};
+
+AccountNotLogin.Layout = Layout
+
+export default AccountNotLogin;
\ No newline at end of file
diff --git a/src/components/common/Header/components/HeaderMenu/HeaderMenu.tsx b/src/components/common/Header/components/HeaderMenu/HeaderMenu.tsx
index ce7150328..ffbfc9616 100644
--- a/src/components/common/Header/components/HeaderMenu/HeaderMenu.tsx
+++ b/src/components/common/Header/components/HeaderMenu/HeaderMenu.tsx
@@ -30,7 +30,8 @@ const HeaderMenu = memo(({ visibleFilter,isFull, openModalAuthen, openModalInfo,
             name: 'Login (Demo)',
         },
         {
-            onClick: openModalInfo,
+            // onClick: openModalInfo,
+            link: '/account-not-login',
             name: 'Create User Info (Demo)',
         },
         {
diff --git a/src/components/modules/account/AccountSignIn/AccountSignIn.module.scss b/src/components/modules/account/AccountSignIn/AccountSignIn.module.scss
index f70ecbdec..e1313e36c 100644
--- a/src/components/modules/account/AccountSignIn/AccountSignIn.module.scss
+++ b/src/components/modules/account/AccountSignIn/AccountSignIn.module.scss
@@ -1,11 +1,8 @@
 @import "../../../../styles/utilities";
 .accountSignInWrapper{
-
-    @screen sm-only{
         @apply w-full;
         .imgError{
-            width: 30%;
-            margin: 0 auto;
+            @apply w-full flex justify-center;
         }
         .text{
             @apply sub-headline;
@@ -29,9 +26,5 @@
                 color:var(--positive);
             }
         }
-    }
-    @screen md{
-        @apply hidden;
-    }
   
 }
\ No newline at end of file
diff --git a/src/components/modules/account/AccountSignIn/AccountSignIn.tsx b/src/components/modules/account/AccountSignIn/AccountSignIn.tsx
index 036a4ef55..adea180e1 100644
--- a/src/components/modules/account/AccountSignIn/AccountSignIn.tsx
+++ b/src/components/modules/account/AccountSignIn/AccountSignIn.tsx
@@ -1,22 +1,25 @@
-import React from "react"
+import React,{memo} from "react"
 import { ButtonCommon, StaticImage } from "src/components/common";
 import s from './AccountSignIn.module.scss';
 import {LANGUAGE} from 'src/utils/language.utils';
 import AccountSignInImg from '../../../../../public/assets/images/accountsignin.png'
 import Link from 'next/link';
 import { useRouter } from 'next/router';
+
 interface AccountSignIn {
 
 }
 
-const AccountSignIn = ({ } : AccountSignIn) => {
+const AccountSignIn = memo(({ } : AccountSignIn) => {
     const router = useRouter();
+
     function openLogin(){
         router.push({
-            pathname: '/account/query',
+            pathname: `${router.pathname}/query`,
             search: '?openLogin=true'
           });
     }
+
     return (
        <>
             <div className={s.accountSignInWrapper}>
@@ -35,6 +38,6 @@ const AccountSignIn = ({ } : AccountSignIn) => {
             </div>
        </>
     )
-}
+});
 
 export default AccountSignIn
\ No newline at end of file