diff --git a/res/css/views/auth/_AuthBody.scss b/res/css/views/auth/_AuthBody.scss
index ce597f1416..16ac876869 100644
--- a/res/css/views/auth/_AuthBody.scss
+++ b/res/css/views/auth/_AuthBody.scss
@@ -133,4 +133,24 @@ limitations under the License.
 
 .mx_AuthBody_passwordScore {
     width: 100%;
+    appearance: none;
+    height: 4px;
+    border: 0;
+    border-radius: 2px;
+    position: absolute;
+    top: -12px;
+
+    &::-moz-progress-bar {
+        border-radius: 2px;
+        background-color: $accent-color;
+    }
+
+    &::-webkit-progress-bar,
+    &::-webkit-progress-value {
+        border-radius: 2px;
+    }
+
+    &::-webkit-progress-value {
+        background-color: $accent-color;
+    }
 }
diff --git a/res/css/views/elements/_Validation.scss b/res/css/views/elements/_Validation.scss
index 4c059f9747..1f9bd880e6 100644
--- a/res/css/views/elements/_Validation.scss
+++ b/res/css/views/elements/_Validation.scss
@@ -14,6 +14,10 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
+.mx_Validation {
+    position: relative;
+}
+
 .mx_Validation_details {
     padding-left: 20px;
     margin: 0;