fix(forms): prevent that valid icon hides input content (#1306)

* handle quantity selector, `.form-control-color`, normal inputs and `.form-check-input`

scss/mixins/_forms.scss

@@ -25,8 +25,9 @@
     }
 
     @if $enable-validation-icons {
-      .form-control {
+      :not(.quantity-selector) > .form-control {
         @include form-validation-state-selector($state) {
+          padding-right: $input-height-inner;
           background-image: escape-svg($icon);
           background-repeat: no-repeat;
           background-position: right $input-height-inner-quarter top subtract($input-height-inner-quarter, 2px);
@@ -45,6 +46,12 @@
           }
         }
       }
+
+      .form-control-color {
+        @include form-validation-state-selector($state) {
+          width: add($form-color-width, $input-height-inner);
+        }
+      }
     }
   } @else {
     .#{$state}-feedback {
@@ -118,16 +125,9 @@
       }
     }
 
-    .form-control-color {
-      @include form-validation-state-selector($state) {
-        @if $enable-validation-icons {
-          width: add($form-color-width, $input-height-inner);
-        }
-      }
-    }
-
     .form-check-input {
       @include form-validation-state-selector($state) {
+        filter: none; // Boosted mod: remove filter to avoid having a blue border (invert of red border)
         border-color: $color;
 
         &:checked,