diff --git a/frontend/src/pages/auth/Login.tsx b/frontend/src/pages/auth/Login.tsx
index 764e36b..461053d 100644
--- a/frontend/src/pages/auth/Login.tsx
+++ b/frontend/src/pages/auth/Login.tsx
@@ -17,21 +17,21 @@ function Login() {
   };
 
 
-  // const googleAuth = (e: any) => {
-  //   e.preventDefault()
-	// 	window.open(
-	// 		`http://localhost:3000/api/oauth/google/callback`,
-	// 		"_self"
-	// 	);
-	// };
-  // OR
   const googleAuth = (e: any) => {
     e.preventDefault()
 		window.open(
-			`${import.meta.env.VITE_REACT_APP_API_URL}/api/oauth/google/callback`,
+			`/api/oauth/google/callback`,
 			"_self"
 		);
 	};
+  // // OR   //--> The below is returning undefined in Elastic Beanstalk
+  // const googleAuth = (e: any) => {
+  //   e.preventDefault()
+	// 	window.open(
+	// 		`${import.meta.env.VITE_REACT_APP_API_URL}/api/oauth/google/callback`,
+	// 		"_self"
+	// 	);
+	// };
 
     // // Old approach: (without NGINX):
   // const googleAuth = (e: any) => {
diff --git a/frontend/src/pages/auth/Signup.tsx b/frontend/src/pages/auth/Signup.tsx
index 5711f2c..d4ceded 100644
--- a/frontend/src/pages/auth/Signup.tsx
+++ b/frontend/src/pages/auth/Signup.tsx
@@ -19,21 +19,21 @@ function Signup() {
   const navigate=useNavigate()
   const queryClient=useQueryClient() 
 
-  // const googleAuth = (e: any) => {
-  //   e.preventDefault()
-	// 	window.open(
-	// 		`http://localhost:3000/api/oauth/google/callback`,
-	// 		"_self"
-	// 	);
-	// };
-  // OR
   const googleAuth = (e: any) => {
     e.preventDefault()
 		window.open(
-			`${import.meta.env.VITE_REACT_APP_API_URL}/api/oauth/google/callback`,
+			`/api/oauth/google/callback`,
 			"_self"
 		);
 	};
+  // // OR
+  // const googleAuth = (e: any) => {
+  //   e.preventDefault()
+	// 	window.open(
+	// 		`${import.meta.env.VITE_REACT_APP_API_URL}/api/oauth/google/callback`,
+	// 		"_self"
+	// 	);
+	// };
 
   const handleSubmitBasicInfo = (e: FormEvent) => {
     e.preventDefault();