diff --git a/src/components/FormComponents/NewPasswordForm.vue b/src/components/FormComponents/NewPasswordForm.vue
index d32c15d65f1d4938f01c9c862fe70cc49f58929c..7dfd1958ee78aca0bd7e1720b939d4c340ba6e9c 100644
--- a/src/components/FormComponents/NewPasswordForm.vue
+++ b/src/components/FormComponents/NewPasswordForm.vue
@@ -25,7 +25,7 @@
       <!-- error message -->
       <div v-for="(error, index) of v$.user.oldPassword.$errors" :key="index">
         <div
-          class="text-red-600 text-sm"
+          class="text-error-medium text-sm"
           v-show="showError"
           id="oldPasswordErrorId"
         >
@@ -52,7 +52,7 @@
       <!-- error message -->
       <div v-for="(error, index) of v$.user.password.$errors" :key="index">
         <div
-          class="text-red-600 text-sm"
+          class="text-error-medium text-sm"
           v-show="showError"
           id="passwordErrorId"
         >
@@ -82,7 +82,7 @@
       <!-- error message -->
       <div v-for="(error, index) of v$.user.rePassword.$errors" :key="index">
         <div
-          class="text-red-600 text-sm"
+          class="text-error-medium text-sm"
           v-show="showError"
           id="rePasswordErrorId"
         >