Don't display input error in red on typing

1 files changed, 6 insertions, 2 deletions

diff --git a/client/src/sass/class-helpers.scss b/client/src/sass/class-helpers.scss
index 4a04cabba..87ad6a45d 100644
--- a/client/src/sass/class-helpers.scss
+++ b/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 {