diff --git a/frontend/src/Login/ForgotPass.tsx b/frontend/src/Login/ForgotPass.tsx
index fe0cb3dc..486a5501 100644
--- a/frontend/src/Login/ForgotPass.tsx
+++ b/frontend/src/Login/ForgotPass.tsx
@@ -51,7 +51,7 @@ export default function ForgotPass() {
         </form>
         <div className="mt-[2vh] flex w-full justify-center text-sm">
           <h2 className="gap-1 text-right text-[#5F5F5F]  md:flex">
-            Don&apos;t have an account ?
+            Don&apos;t have an account?
             <h2
               className="text-center font-medium text-white hover:cursor-pointer hover:underline"
               onClick={() => navigate('/register')}
diff --git a/frontend/src/Login/Login.tsx b/frontend/src/Login/Login.tsx
index 4bc4d310..e885e5c8 100644
--- a/frontend/src/Login/Login.tsx
+++ b/frontend/src/Login/Login.tsx
@@ -61,13 +61,15 @@ export default function Login() {
 
   return (
     <div className="z-30 flex h-full min-h-screen  w-full items-center justify-center bg-[#1D1D1D]">
-      <div className=" flex flex-col items-center md:w-fit">
-        <div className=" cursor-pointer" onClick={() => navigate('/')}>
+      <div className="flex flex-col items-center md:w-fit">
+        <div className="text- cursor-pointer" onClick={() => navigate('/')}>
           <img src={DocsGPT3} alt="Logo" className="h-[10vh]" />
         </div>
         <div className="mt-[2vh] flex w-full flex-wrap items-center justify-center gap-2 font-bold ">
-          <h1 className="mt-0 text-[4vh] text-white">Log in to</h1>
-          <h1 className="mt-0 bg-gradient-to-r from-[#56B3CB] via-[#CD2AA0] to-[#EA635C] bg-clip-text text-[4vh] text-transparent">
+          <h1 className="mt-0 text-[3vh] text-white md:text-[3.5vh]">
+            Log in to
+          </h1>
+          <h1 className="mt-0 bg-gradient-to-r from-[#56B3CB] via-[#CD2AA0] to-[#EA635C] bg-clip-text text-[3vh] text-transparent md:text-[3.5vh]">
             DocsGPT
           </h1>
         </div>
@@ -82,9 +84,10 @@ export default function Login() {
             onChange={(e) => {
               setemail(e.target.value);
             }}
-            className="w-full rounded-lg border-none bg-[#2B2B2B] p-4 text-sm font-medium text-white focus:outline-none md:min-w-[25vw]"
+            className="w-[90vw] cursor-pointer rounded-lg  border-red-400 bg-[#2B2B2B]  p-4 text-sm font-medium text-white hover:bg-[#383838] focus:border-2 focus:border-[#715c9d] focus:outline-none md:w-full  md:min-w-[25vw]"
             // onChange={onchange}
           />
+          <div></div>
           <input
             type="password"
             name="Name"
@@ -92,16 +95,16 @@ export default function Login() {
             onChange={(e) => {
               setpassword(e.target.value);
             }}
-            className="w-full rounded-lg border-none bg-[#2B2B2B] p-4 text-sm font-medium  text-white focus:outline-none md:min-w-[25vw]"
+            className="w-[90vw] cursor-pointer rounded-lg  border-red-400 bg-[#2B2B2B]  p-4 text-sm font-medium text-white hover:bg-[#383838] focus:border-2 focus:border-[#715c9d] focus:outline-none md:w-full  md:min-w-[25vw]"
             // onChange={onchange}
           />
           <h2
-            className="text-right text-sm text-[#5F5F5F] hover:cursor-pointer hover:text-white"
+            className="text-right text-sm text-[#5F5F5F] hover:cursor-pointer hover:text-gray-400"
             onClick={() => navigate('/Forgot')}
           >
             Forgot your password?
           </h2>
-          <button className="h-[7vh] rounded-lg bg-[#7D54D1] font-medium text-white hover:bg-[#8A62DC]">
+          <button className="h-[7vh] rounded-lg bg-[#7D54D1] font-semibold text-white hover:bg-[#8A62DC]">
             Log in
           </button>
           {showalert.length > 0 && (
@@ -109,9 +112,9 @@ export default function Login() {
           )}
           <div className="flex w-full justify-center  text-sm">
             <h2 className="flex gap-1 text-right  text-[#5F5F5F]">
-              Don&apos;t have an account ?
+              Don&apos;t have an account?
               <h2
-                className="text-center font-medium text-white hover:cursor-pointer hover:underline"
+                className="text-center font-bold text-white hover:cursor-pointer hover:underline"
                 onClick={() => navigate('/register')}
               >
                 Sign up
diff --git a/frontend/src/Login/ResetCode.tsx b/frontend/src/Login/ResetCode.tsx
index 6b15b829..f69f5a8e 100644
--- a/frontend/src/Login/ResetCode.tsx
+++ b/frontend/src/Login/ResetCode.tsx
@@ -48,7 +48,7 @@ export default function ResetCode() {
         </form>
         <div className="mt-[2vh] flex w-full justify-center text-sm">
           <h2 className="gap-1 text-right text-[#5F5F5F]  md:flex">
-            Don&apos;t have an account ?
+            Don&apos;t have an account?
             <h2
               className="text-center font-medium text-white hover:cursor-pointer hover:underline"
               onClick={() => navigate('/register')}
diff --git a/frontend/src/Login/Signup.tsx b/frontend/src/Login/Signup.tsx
index afec6708..4d249fec 100644
--- a/frontend/src/Login/Signup.tsx
+++ b/frontend/src/Login/Signup.tsx
@@ -31,20 +31,22 @@ export default function Signup() {
 
   return (
     <div className="z-30 flex h-full min-h-screen  w-full items-center justify-center bg-[#1D1D1D]">
-      <div className=" flex flex-col items-center px-[2vh] md:w-fit md:px-0">
+      <div className=" flex flex-col items-center px-[5vh] md:w-fit md:px-0">
         <div className=" cursor-pointer" onClick={() => navigate('/')}>
           <img src={DocsGPT3} alt="Logo" className="h-[10vh]" />
         </div>
         <div className="mt-[2vh] flex flex-wrap items-center justify-center gap-2 font-bold ">
-          <h1 className="mt-0 text-[4vh] text-white">Create</h1>
-          <h1 className="mt-0 bg-gradient-to-r from-[#56B3CB] via-[#CD2AA0] to-[#EA635C] bg-clip-text text-[4vh] text-transparent">
+          <h1 className="mt-0 text-[3vh] text-white md:text-[3.5vh]">Create</h1>
+          <h1 className="mt-0 bg-gradient-to-r from-[#56B3CB] via-[#CD2AA0] to-[#EA635C] bg-clip-text text-[3vh] text-transparent md:text-[3.5vh]">
             DocsGPT
           </h1>
-          <h1 className="mt-0 text-[4vh] text-white">Account</h1>
+          <h1 className="mt-0 text-[3vh] text-white md:text-[3.5vh]">
+            Account
+          </h1>
         </div>
         <form
           onSubmit={handleSubmit}
-          className="flex w-full flex-col gap-[3vh] md:w-fit"
+          className="flex flex-col gap-[3vh] px-[2vh] md:w-fit"
         >
           <input
             type="email"
@@ -53,7 +55,7 @@ export default function Signup() {
             onChange={(e) => {
               setemail(e.target.value);
             }}
-            className="w-full rounded-lg border-none bg-[#2B2B2B] p-4 text-sm font-medium text-white focus:outline-none md:min-w-[25vw]"
+            className="w-[90vw] cursor-pointer rounded-lg  border-red-400 bg-[#2B2B2B]  p-4 text-sm font-medium text-white hover:bg-[#383838] focus:border-2 focus:border-[#715c9d] focus:outline-none md:w-full  md:min-w-[25vw]"
           />
           <input
             type="password"
@@ -62,9 +64,9 @@ export default function Signup() {
             onChange={(e) => {
               setpassword(e.target.value);
             }}
-            className="w-full rounded-lg border-none bg-[#2B2B2B] p-4 text-sm font-medium  text-white focus:outline-none md:min-w-[25vw]"
+            className="w-[90vw] cursor-pointer rounded-lg  border-red-400 bg-[#2B2B2B]  p-4 text-sm font-medium text-white hover:bg-[#383838] focus:border-2 focus:border-[#715c9d] focus:outline-none md:w-full  md:min-w-[25vw]"
           />
-          <button className="h-[7vh] rounded-lg bg-[#7D54D1] font-medium text-white hover:bg-[#8A62DC]">
+          <button className="h-[7vh] rounded-lg bg-[#7D54D1] font-semibold text-white hover:bg-[#8A62DC]">
             Create Account
           </button>
           {showalert.length > 0 && (
@@ -72,12 +74,12 @@ export default function Signup() {
           )}
           <div className="flex w-full justify-center  text-sm">
             <h2 className="flex gap-1 text-right  text-[#5F5F5F]">
-              Already have an account ?
+              Already have an account?
               <h2
-                className="text-center font-medium text-white hover:cursor-pointer hover:underline"
+                className="text-center font-bold text-white hover:cursor-pointer hover:underline"
                 onClick={() => navigate('/login')}
               >
-                log in
+                Log in
               </h2>
             </h2>
           </div>