diff --git a/src/framework/auth/components/login/login.component.html b/src/framework/auth/components/login/login.component.html
index 4210015861..b1966c2b19 100644
--- a/src/framework/auth/components/login/login.component.html
+++ b/src/framework/auth/components/login/login.component.html
@@ -29,7 +29,7 @@ <h1 id="title" class="title">Login</h1>
            placeholder="Email address"
            fieldSize="large"
            autofocus
-           [status]="email.dirty ? (email.invalid  ? 'danger' : 'success') : ''"
+           [status]="email.dirty ? (email.invalid  ? 'danger' : 'success') : 'basic'"
            [required]="getConfigValue('forms.validation.email.required')"
            [attr.aria-invalid]="email.invalid && email.touched ? true : null">
     <ng-container *ngIf="email.invalid && email.touched">
@@ -56,7 +56,7 @@ <h1 id="title" class="title">Login</h1>
            id="input-password"
            placeholder="Password"
            fieldSize="large"
-           [status]="password.dirty ? (password.invalid  ? 'danger' : 'success') : ''"
+           [status]="password.dirty ? (password.invalid  ? 'danger' : 'success') : 'basic'"
            [required]="getConfigValue('forms.validation.password.required')"
            [minlength]="getConfigValue('forms.validation.password.minLength')"
            [maxlength]="getConfigValue('forms.validation.password.maxLength')"
diff --git a/src/framework/auth/components/register/register.component.html b/src/framework/auth/components/register/register.component.html
index d956c8ee6a..6f7a486845 100644
--- a/src/framework/auth/components/register/register.component.html
+++ b/src/framework/auth/components/register/register.component.html
@@ -27,7 +27,7 @@ <h1 id="title" class="title">Register</h1>
            autofocus
            fullWidth
            fieldSize="large"
-           [status]="fullName.dirty ? (fullName.invalid  ? 'danger' : 'success') : ''"
+           [status]="fullName.dirty ? (fullName.invalid  ? 'danger' : 'success') : 'basic'"
            [required]="getConfigValue('forms.validation.fullName.required')"
            [minlength]="getConfigValue('forms.validation.fullName.minLength')"
            [maxlength]="getConfigValue('forms.validation.fullName.maxLength')"
@@ -56,7 +56,7 @@ <h1 id="title" class="title">Register</h1>
            placeholder="Email address"
            fullWidth
            fieldSize="large"
-           [status]="email.dirty ? (email.invalid  ? 'danger' : 'success') : ''"
+           [status]="email.dirty ? (email.invalid  ? 'danger' : 'success') : 'basic'"
            [required]="getConfigValue('forms.validation.email.required')"
            [attr.aria-invalid]="email.invalid && email.touched ? true : null">
     <ng-container *ngIf="email.invalid && email.touched">
@@ -80,7 +80,7 @@ <h1 id="title" class="title">Register</h1>
            placeholder="Password"
            fullWidth
            fieldSize="large"
-           [status]="password.dirty ? (password.invalid  ? 'danger' : 'success') : ''"
+           [status]="password.dirty ? (password.invalid  ? 'danger' : 'success') : 'basic'"
            [required]="getConfigValue('forms.validation.password.required')"
            [minlength]="getConfigValue('forms.validation.password.minLength')"
            [maxlength]="getConfigValue('forms.validation.password.maxLength')"
@@ -109,7 +109,7 @@ <h1 id="title" class="title">Register</h1>
            placeholder="Confirm Password"
            fullWidth
            fieldSize="large"
-           [status]="rePass.dirty ? (rePass.invalid || password.value != rePass.value  ? 'danger' : 'success') : ''"
+           [status]="rePass.dirty ? (rePass.invalid || password.value != rePass.value  ? 'danger' : 'success') : 'basic'"
            [required]="getConfigValue('forms.validation.password.required')"
            [attr.aria-invalid]="rePass.invalid && rePass.touched ? true : null">
     <ng-container *ngIf="rePass.invalid && rePass.touched">
diff --git a/src/framework/auth/components/request-password/request-password.component.html b/src/framework/auth/components/request-password/request-password.component.html
index 00ac062fdd..9b7f2ec973 100644
--- a/src/framework/auth/components/request-password/request-password.component.html
+++ b/src/framework/auth/components/request-password/request-password.component.html
@@ -29,7 +29,7 @@ <h1 id="title" class="title">Forgot Password</h1>
            autofocus
            fullWidth
            fieldSize="large"
-           [status]="email.dirty ? (email.invalid  ? 'danger' : 'success') : ''"
+           [status]="email.dirty ? (email.invalid  ? 'danger' : 'success') : 'basic'"
            [required]="getConfigValue('forms.validation.email.required')"
            [attr.aria-invalid]="email.invalid && email.touched ? true : null">
     <ng-container *ngIf="email.invalid && email.touched">
diff --git a/src/framework/auth/components/reset-password/reset-password.component.html b/src/framework/auth/components/reset-password/reset-password.component.html
index 6f1bef9b90..f367045a54 100644
--- a/src/framework/auth/components/reset-password/reset-password.component.html
+++ b/src/framework/auth/components/reset-password/reset-password.component.html
@@ -30,7 +30,7 @@ <h1 id="title" class="title">Change password</h1>
            autofocus
            fullWidth
            fieldSize="large"
-           [status]="password.dirty ? (password.invalid  ? 'danger' : 'success') : ''"
+           [status]="password.dirty ? (password.invalid  ? 'danger' : 'success') : 'basic'"
            [required]="getConfigValue('forms.validation.password.required')"
            [minlength]="getConfigValue('forms.validation.password.minLength')"
            [maxlength]="getConfigValue('forms.validation.password.maxLength')"
@@ -62,7 +62,7 @@ <h1 id="title" class="title">Change password</h1>
            fieldSize="large"
            [status]="rePass.touched
                ? (rePass.invalid || password.value != rePass.value ? 'danger' : 'success')
-               : ''"
+               : 'basic'"
            [required]="getConfigValue('forms.validation.password.required')"
            [attr.aria-invalid]="rePass.invalid && rePass.touched ? true : null">
     <ng-container *ngIf="rePass.touched">