diff --git a/res/css/views/elements/_Field.scss b/res/css/views/elements/_Field.scss
index f8090eaaf7..c728f4bcd4 100644
--- a/res/css/views/elements/_Field.scss
+++ b/res/css/views/elements/_Field.scss
@@ -31,7 +31,7 @@ limitations under the License.
 
 .mx_Field input:focus {
     outline: 0;
-    border-color: $input-valid-border-color;
+    border-color: $input-focused-border-color;
 }
 
 .mx_Field input::placeholder {
@@ -73,5 +73,5 @@ limitations under the License.
 }
 
 .mx_Field input:focus + label {
-    color: $input-valid-border-color;
+    color: $input-focused-border-color;
 }
diff --git a/res/themes/dharma/css/_dharma.scss b/res/themes/dharma/css/_dharma.scss
index 4a2bfec8e4..5f6a69abe3 100644
--- a/res/themes/dharma/css/_dharma.scss
+++ b/res/themes/dharma/css/_dharma.scss
@@ -71,6 +71,7 @@ $input-darker-bg-color: rgba(193, 201, 214, 0.29);
 $input-darker-fg-color: #9fa9ba;
 $input-lighter-bg-color: #f2f5f8;
 $input-lighter-fg-color: $input-darker-fg-color;
+$input-focused-border-color: #238cf5;
 $input-valid-border-color: #7ac9a1;
 
 $field-focused-label-bg-color: #ffffff;
diff --git a/res/themes/light/css/_base.scss b/res/themes/light/css/_base.scss
index 9a3b3727a9..dbab909f13 100644
--- a/res/themes/light/css/_base.scss
+++ b/res/themes/light/css/_base.scss
@@ -73,6 +73,7 @@ $button-bg-color: #7ac9a1;
 $button-fg-color: white;
 // apart from login forms, which have stronger border
 $strong-input-border-color: #c7c7c7;
+$input-focused-border-color: #238cf5;
 $input-valid-border-color: #7ac9a1;
 
 $field-focused-label-bg-color: #ffffff;