Index: jobvista-frontend/src/views/auth/SignInForm.js
===================================================================
--- jobvista-frontend/src/views/auth/SignInForm.js	(revision d8b6c91094bd4c748b347d914a3c4c3745d51587)
+++ jobvista-frontend/src/views/auth/SignInForm.js	(revision 19398adb44637736271a04ab58b1f528cc33908f)
@@ -70,5 +70,5 @@
                             <div className="d-grid mb-3">
                                 <button
-                                    className="btn btn-lg btn-primary text-uppercase fw-bold mb-2"
+                                    className="btn btn-lg auth-primary-btn text-uppercase fw-bold mb-2"
                                     type="submit">Sign in
                                 </button>
@@ -85,8 +85,8 @@
                         <div className="row">
                             <div className="col-md-6">
-                                <Link to="/signup/recruiter" className="btn btn-outline-primary text-uppercase fw-bold mb-2 w-100">SIGN UP AS RECRUITER</Link>
+                                <Link to="/signup/recruiter" className="btn auth-secondary-btn text-uppercase fw-bold mb-2 w-100">SIGN UP AS RECRUITER</Link>
                             </div>
                             <div className="col-md-6">
-                                <Link to="/signup/job-seeker" className="btn btn-outline-primary text-uppercase fw-bold mb-2 w-100">SIGN UP AS JOB SEEKER</Link>
+                                <Link to="/signup/job-seeker" className="btn auth-secondary-btn text-uppercase fw-bold mb-2 w-100">SIGN UP AS JOB SEEKER</Link>
                             </div>
                         </div>
Index: jobvista-frontend/src/views/auth/SignUpJobSeekerForm.js
===================================================================
--- jobvista-frontend/src/views/auth/SignUpJobSeekerForm.js	(revision d8b6c91094bd4c748b347d914a3c4c3745d51587)
+++ jobvista-frontend/src/views/auth/SignUpJobSeekerForm.js	(revision 19398adb44637736271a04ab58b1f528cc33908f)
@@ -83,5 +83,5 @@
                             <div className="d-grid mb-3">
                                 <button
-                                    className="btn btn-lg btn-primary text-uppercase fw-bold mb-2"
+                                    className="btn btn-lg auth-primary-btn text-uppercase fw-bold mb-2"
                                     type="submit">Submit
                                 </button>
Index: jobvista-frontend/src/views/auth/SignUpRecruiterForm.js
===================================================================
--- jobvista-frontend/src/views/auth/SignUpRecruiterForm.js	(revision d8b6c91094bd4c748b347d914a3c4c3745d51587)
+++ jobvista-frontend/src/views/auth/SignUpRecruiterForm.js	(revision 19398adb44637736271a04ab58b1f528cc33908f)
@@ -80,5 +80,5 @@
                             <div className="d-grid mb-3">
                                 <button
-                                    className="btn btn-lg btn-primary text-uppercase fw-bold mb-2"
+                                    className="btn btn-lg auth-primary-btn text-uppercase fw-bold mb-2"
                                     type="submit">Submit
                                 </button>
Index: jobvista-frontend/src/views/auth/auth.css
===================================================================
--- jobvista-frontend/src/views/auth/auth.css	(revision d8b6c91094bd4c748b347d914a3c4c3745d51587)
+++ jobvista-frontend/src/views/auth/auth.css	(revision 19398adb44637736271a04ab58b1f528cc33908f)
@@ -3,2 +3,26 @@
     padding: 5px 5px;
 }
+
+.form-container {
+    margin-bottom: 80px;
+}
+
+.auth-primary-btn{
+    background-color: rgba(1,38,90,0.80);
+    //background-color: #a1c4fd ;
+    color: white;
+}
+.auth-primary-btn:hover {
+    background-color: rgba(1,38,90,1);
+    color: white;
+}
+
+.auth-secondary-btn {
+    border: 2px solid rgba(1,38,90,0.7);
+    color: midnightblue;
+}
+
+.auth-secondary-btn:hover {
+    background-color: rgba(1,38,90,0.8);
+    color: white;
+}
