diff --git a/frontend/react-app/src/css/ChangePassword.css b/frontend/react-app/src/css/ChangePassword.css
index 9cf84c1..1bae37f 100644
--- a/frontend/react-app/src/css/ChangePassword.css
+++ b/frontend/react-app/src/css/ChangePassword.css
@@ -16,16 +16,16 @@
     background-color: #2f486d;
 }
 .changePasswordInput{
-    width: 65vw;
+    width: 40vw;
     height: 7vh;
     min-width: 100px;
     max-width: 100%;
     min-height: 30px;
     max-height: 100%;
-    border: 2px solid grey;
+    border: 1.5px solid #2d2644;
     border-radius: 10px;
     padding-left: 8px;
-    background-color: #BFCDE0;
+    background-color: white;
     margin: 10px 0px;
 }
 .formContainer{
@@ -35,7 +35,16 @@
     height: 100%;
     justify-content: center;
     font-family: Arial, Helvetica, sans-serif;
-    background-color: #BFCDE0;
+    background-color: #e6e4f7;
     border: none;
     border-radius: 10px;
+    margin: 3% 0%;
 }
+
+.changeHeader {
+    font-size: 1.5em;
+    font-weight: bold;
+    margin-bottom: 1.5%;
+}
+
+
diff --git a/frontend/react-app/src/pages/ChangePassword.jsx b/frontend/react-app/src/pages/ChangePassword.jsx
index 147db6a..cf18fbf 100644
--- a/frontend/react-app/src/pages/ChangePassword.jsx
+++ b/frontend/react-app/src/pages/ChangePassword.jsx
@@ -34,7 +34,7 @@ export default function ChangePassword(){
         <Header/>
         <div className='pageBody'>
             <form onSubmit = {handleSubmit(onSubmit)} className='formContainer'>
-                <div className='headerText1'>
+                <div className='changeHeader'>
                     Change Password
                 </div>