diff --git a/frontend/src/Pages/LoginPage.jsx b/frontend/src/Pages/LoginPage.jsx
index 9e579c3..eead9e9 100644
--- a/frontend/src/Pages/LoginPage.jsx
+++ b/frontend/src/Pages/LoginPage.jsx
@@ -1,7 +1,7 @@
 import React, { useState } from 'react'; 
 import logo from '../assets/stationsaarthi.svg'; // Import your logo 
 import { useNavigate } from 'react-router-dom';
-
+import backicon from '../assets/svg/backicon.svg'; // Assuming you have a back icon
 const Login = () => {
     const [username, setUsername] = useState(''); 
     const [password, setPassword] = useState(''); 
@@ -9,6 +9,9 @@ const Login = () => {
     const RegisterClick = () => {
         navigate('/Register'); // Navigates to the login page
     }
+    const HomeClick = () => {   
+        navigate('/'); // Navigates to the home page
+    }
     const handleLogin = (e) => { 
         e.preventDefault(); 
         // Handle login logic here 
@@ -18,6 +21,7 @@ const Login = () => {
     return ( 
         <div className="flex flex-col items-center justify-center min-h-screen bg-gradient-to-b from-blue-100 to-blue-5000">
             {/* Logo and Title */} 
+            <div ><button onClick={HomeClick}><img src={backicon} alt="" srcset="" className='fixed left-[1vh] h-[9vh] w-auto' /></button></div>
             <div className="mb-10 text-center ">
                 <img src={logo} alt="Station Saarthi Logo" className="w-20 mx-auto h-22 " />
                 <h1 className="mt-4 text-4xl font-bold text-gray-800 ">Station Saarthi</h1>
diff --git a/frontend/src/Pages/Register.jsx b/frontend/src/Pages/Register.jsx
index e4e0a8a..d1f19c6 100644
--- a/frontend/src/Pages/Register.jsx
+++ b/frontend/src/Pages/Register.jsx
@@ -1,13 +1,16 @@
 import React, { useState } from 'react';
 import logo from '../assets/stationsaarthi.svg'; // Ensure the path is correct
 import { useNavigate } from 'react-router-dom';
-
+import backicon from '../assets/svg/backicon.svg';
 const Register = () => {
 
     const navigate = useNavigate();
     const LoginClick = () => {
         navigate('/Login'); // Navigates to the login page
     };
+    const HomeClick = () => {
+        navigate('/'); // Navigates to the home page
+    };
     
     const [name, setName] = useState('');
     const [phoneNumber, setPhoneNumber] = useState('');
@@ -20,8 +23,11 @@ const Register = () => {
     };
 
     return (
+        <>
+       
         <div className="flex flex-col items-center justify-center min-h-screen px-4 bg-gradient-to-b from-blue-100 to-blue-5000">
             {/* Logo and Title */}
+             <div ><button onClick={HomeClick}><img src={backicon} alt="" srcset="" className='fixed left-[1vh] h-[9vh] w-auto' /></button></div>
             <div className="mb-6 text-center">
                 <img src={logo} alt="Station Saarthi Logo" className="w-20 mx-auto mb-2 h-22" />
                 <h1 className="text-2xl font-bold text-gray-800">Station Saarthi</h1>
@@ -120,6 +126,7 @@ const Register = () => {
                     className="text-blue-500 underline cursor-pointer"> Login</button>
             </p>
         </div>
+        </>
     );
 };
 
diff --git a/frontend/src/assets/svg/backicon.svg b/frontend/src/assets/svg/backicon.svg
new file mode 100644
index 0000000..6b7667e
--- /dev/null
+++ b/frontend/src/assets/svg/backicon.svg
@@ -0,0 +1,3 @@
+<svg width="35" height="30" viewBox="0 0 35 30" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20.1688 23.75C19.9509 23.7506 19.7356 23.7094 19.5388 23.6294C19.3419 23.5493 19.1685 23.4325 19.0313 23.2875L11.9875 15.7875C11.773 15.5638 11.6558 15.2833 11.6558 14.9937C11.6558 14.7042 11.773 14.4236 11.9875 14.2L19.2792 6.69998C19.5267 6.44471 19.8824 6.28418 20.268 6.2537C20.6537 6.22323 21.0376 6.32531 21.3354 6.53748C21.6332 6.74965 21.8205 7.05454 21.8561 7.38507C21.8916 7.71561 21.7725 8.04471 21.525 8.29998L15.0063 15L21.3063 21.7C21.4846 21.8835 21.5979 22.1069 21.6327 22.3438C21.6675 22.5808 21.6224 22.8213 21.5028 23.0369C21.3831 23.2526 21.1939 23.4344 20.9575 23.5607C20.721 23.6871 20.4474 23.7528 20.1688 23.75Z" fill="#0076CB"/>
+</svg>
\ No newline at end of file