Don't display input error in red on typing

client/src/sass/bootstrap.scss

@@ -301,16 +301,6 @@
   color: pvar(--mainForegroundColor);
   background-color: pvar(--inputBackgroundColor);
   outline: none;
-
-  // Input box-shadow on focus
-  &:focus-within,
-  &:focus {
-    box-shadow: #{$focus-box-shadow-form} pvar(--mainColorLightest);
-
-    &.input-error {
-      box-shadow: #{$focus-box-shadow-form} #{scale-color($red, $alpha: -75%)};
-    }
-  }
 }
 
 .input-group {

client/src/sass/class-helpers.scss

@@ -69,6 +69,10 @@
   margin-bottom: 1rem;
 }
 
+.input-error:not(:focus) {
+  border-color: $red !important;
+}
+
 .form-error,
 .form-warning {
   display: block;
@@ -79,8 +83,8 @@
   color: $red;
 }
 
-.input-error {
-  border-color: $red !important;
+.input-error:focus + .form-error {
+  color: pvar(--mainForegroundColor);
 }
 
 .form-group-description {