diff --git a/src/addon/mod/feedback/pages/form/form.html b/src/addon/mod/feedback/pages/form/form.html
index 2725d3525a6..9bf4f4d1a0a 100644
--- a/src/addon/mod/feedback/pages/form/form.html
+++ b/src/addon/mod/feedback/pages/form/form.html
@@ -30,7 +30,7 @@ <h2>{{ 'addon.mod_feedback.mode' | translate }}</h2>
                                 </ng-container>
                                 <ng-container *ngSwitchCase="'numeric'">
                                     <ion-input [required]="item.required" name="{{item.typ}}_{{item.id}}" type="number" [(ngModel)]="item.value"></ion-input>
-                                    <p *ngIf="item.hasError" color="error">{{ 'addon.mod_feedback.numberoutofrange' | translate }} [{{item.rangefrom}}<span *ngIf="item.rangefrom && item.rangeto">, </span>{{item.rangeto}}]</p>
+                                    <p *ngIf="item.hasError" ion-text color="danger">{{ 'addon.mod_feedback.numberoutofrange' | translate }} [{{item.rangefrom}}<span *ngIf="item.rangefrom && item.rangeto">, </span>{{item.rangeto}}]</p>
                                 </ng-container>
                                 <ng-container *ngSwitchCase="'textarea'">
                                     <ion-textarea [required]="item.required" name="{{item.typ}}_{{item.id}}" [attr.aria-multiline]="true" [(ngModel)]="item.value"></ion-textarea>
diff --git a/src/app/app.scss b/src/app/app.scss
index 811d7724cd7..594dccfe368 100644
--- a/src/app/app.scss
+++ b/src/app/app.scss
@@ -718,15 +718,21 @@ ion-app.app-root {
     .core-#{$color-name}-item.item-input {
       border-bottom: 0 !important;
 
-      &.item-md .item-inner {
+      &.item-md .item-inner,
+      &.item-md.item-input.ng-valid.item-input-has-value:not(.input-has-focus):not(.item-input-has-focus) .item-inner,
+      &.item-md.item-input.ng-valid.input-has-value:not(.input-has-focus):not(.item-input-has-focus) .item-inner {
         @include md-input-highlight($color-base);
       }
 
-      &.item-ios .item-inner {
+      &.item-ios .item-inner,
+      &.item-ios.item-input.ng-valid.item-input-has-value:not(.input-has-focus):not(.item-input-has-focus) .item-inner,
+      &.item-ios.item-input.ng-valid.input-has-value:not(.input-has-focus):not(.item-input-has-focus) .item-inner {
         @include ios-input-highlight($color-base);
       }
 
-      &.item-wp .item-inner {
+      &.item-wp .text-input,
+      &.item-wp.item-input.ng-valid.item-input-has-value:not(.input-has-focus):not(.item-input-has-focus) .text-input,
+      &.item-wp.item-input.ng-valid.input-has-value:not(.input-has-focus):not(.item-input-has-focus) .text-input {
         border-color: $color-base;
       }
     }