diff --git a/frontend/src/App.jsx b/frontend/src/App.jsx
index fbe0ef5..c93b685 100644
--- a/frontend/src/App.jsx
+++ b/frontend/src/App.jsx
@@ -14,8 +14,8 @@ function App() {
     <Router>
       <Routes>
         <Route path="/" element={<Herosection />} />
-        <Route path="/login" element={<LoginPage />} />
-        <Route path="/register" element={<Register />} />
+        <Route path="/Login" element={<LoginPage />} />
+        <Route path="/Register" element={<Register />} />
 
         {/* This route is just for testing protected routes it can be removed later when there is a route other than login or signup */}
         <Route element={<ProtectedRoute />}>
@@ -55,15 +55,15 @@ export function ProtectedRoute() {
       console.log('Token Verification error:', data.error);  // For debugging
 
       if (data.error || res.status === 400 || res.status === 500) {
-        navigate('/login');
+        navigate('/Login');
       }
 
       if (res.status === 400 || res.status === 500) {
-        navigate('/login');
+        navigate('/Login');
       }
     } catch (error) {
       console.error('Error verifying token:', error);
-      navigate('/login');
+      navigate('/Login');
     }
   };
 
diff --git a/frontend/src/Pages/Herosection.jsx b/frontend/src/Pages/Herosection.jsx
index c020ffd..7481375 100644
--- a/frontend/src/Pages/Herosection.jsx
+++ b/frontend/src/Pages/Herosection.jsx
@@ -17,7 +17,7 @@ const Herosection = () => {
     const navigate = useNavigate();
 
     const LoginClick = () => {
-        navigate('/login'); // Navigates to the login page
+        navigate('/Login'); // Navigates to the login page
     };
     const RegisterClick = () => {
         navigate('/Register'); // Navigates to the login page
diff --git a/frontend/src/Pages/LoginPage.jsx b/frontend/src/Pages/LoginPage.jsx
index 510da79..ee075c4 100644
--- a/frontend/src/Pages/LoginPage.jsx
+++ b/frontend/src/Pages/LoginPage.jsx
@@ -68,7 +68,7 @@ const Login = () => {
             {/* Don't have an account link */}
             <p className="mt-6 text-gray-600">
                 Don't have an account?{' '}
-                <a href="/register" className="text-blue-500 font-semibold hover:underline transition duration-300 transform hover:scale-105">
+                <a href="/Register" className="text-blue-500 font-semibold hover:underline transition duration-300 transform hover:scale-105">
                     Register
                 </a> 
             </p> 
diff --git a/frontend/src/Pages/Register.jsx b/frontend/src/Pages/Register.jsx
index 32b46d9..5ca37ab 100644
--- a/frontend/src/Pages/Register.jsx
+++ b/frontend/src/Pages/Register.jsx
@@ -96,7 +96,7 @@ const Register = () => {
             {/* Already have an account link */}
             <p className="mt-4 text-gray-700 text-sm">
                 Already have an account?{' '}
-                <a href="/login" className="text-blue-500 font-medium hover:underline transition duration-300 transform hover:scale-105">
+                <a href="/Login" className="text-blue-500 font-medium hover:underline transition duration-300 transform hover:scale-105">
                     Log in
                 </a>
             </p>