diff --git a/.env b/.env
index 878b89b..1d8c1e2 100644
--- a/.env
+++ b/.env
@@ -95,4 +95,7 @@ REACT_APP_GOOGLE_RECAPTCHA_SITEKEY=6Ld_qKooAAAAADNL1TPzRLmcBA8vlpvx__39Rj39
 
 #FAMILY MEMBER MINIMUM AGE
 REACT_APP_FAMILY_MINIMUM_AGE=4
-REACT_APP_FAMILY_MAXIMUM_AGE=18
\ No newline at end of file
+REACT_APP_FAMILY_MAXIMUM_AGE=18
+
+#CHANGE LOGIN LAYOUT
+REACT_APP_NEW_LOGIN_LAYOUT=1
\ No newline at end of file
diff --git a/.env.development b/.env.development
index 6795a1f..1649df2 100644
--- a/.env.development
+++ b/.env.development
@@ -63,4 +63,7 @@ REACT_APP_GOOGLE_RECAPTCHA_SITEKEY=6Ld_qKooAAAAADNL1TPzRLmcBA8vlpvx__39Rj39
 
 #FAMILY MEMBER MINIMUM AGE
 REACT_APP_FAMILY_MINIMUM_AGE=4
-REACT_APP_FAMILY_MAXIMUM_AGE=18
\ No newline at end of file
+REACT_APP_FAMILY_MAXIMUM_AGE=18
+
+#CHANGE LOGIN LAYOUT
+REACT_APP_NEW_LOGIN_LAYOUT=1
\ No newline at end of file
diff --git a/.env.production b/.env.production
index 59c8eaf..229be6f 100644
--- a/.env.production
+++ b/.env.production
@@ -70,3 +70,6 @@ REACT_APP_GOOGLE_RECAPTCHA_SITEKEY=6Ld_qKooAAAAADNL1TPzRLmcBA8vlpvx__39Rj39
 #FAMILY MEMBER MINIMUM AGE
 REACT_APP_FAMILY_MINIMUM_AGE=4
 REACT_APP_FAMILY_MAXIMUM_AGE=18
+
+#CHANGE LOGIN LAYOUT
+REACT_APP_NEW_LOGIN_LAYOUT=0
diff --git a/src/Routers.jsx b/src/Routers.jsx
index b8127d9..e838933 100644
--- a/src/Routers.jsx
+++ b/src/Routers.jsx
@@ -61,15 +61,13 @@ import FamilySettingsPage from "./views/FamilySettingsPage";
 import AppDownloadPage from "./views/AppDownloadPage";
 import JobGroupsPage from "./views/JobGroupsPage";
 import YourPages from "./views/YourPage_";
-import { useState } from "react";
 
 export default function Routers() {
-  const [loginNewlayout, setLoginNewLayout] = useState(true)
   return (
     <ScrollToTop>
       <Routes>
         {/* guest routes */}
-        {!loginNewlayout ?
+        {process.env.REACT_APP_NEW_LOGIN_LAYOUT != 1 ?
         <>
           <Route exact path="/login" element={<LoginPage />} />
           <Route exact path="/signup" element={<SignupPage />} />