diff --git a/core/modules/user/css/user.module.css b/core/modules/user/css/user.module.css
index 4a566c6..ec667d7 100644
--- a/core/modules/user/css/user.module.css
+++ b/core/modules/user/css/user.module.css
@@ -20,51 +20,27 @@
 /**
  * Password strength indicator.
  */
-.password-strength {
-  width: 13em;
-  float: right;  /* LTR */
-}
-[dir="rtl"] .password-strength {
-  float: left;
-}
-.password-strength-title {
+.password-strength__title,
+.password-strength__text {
   display: inline;
 }
-.password-strength-text {
-  float: right; /* LTR */
-  font-weight: bold;
-}
-[dir="rtl"] .password-strength-text {
-  float: left;
-}
-.password-indicator {
+.password-strength__meter {
   background-color: #c4c4c4;
-  height: 0.3em;
-  width: 100%;
+  height: 0.5em;
 }
-.password-indicator div {
+.password-strength__indicator {
   height: 100%;
   width: 0%;
   background-color: #47c965;
 }
 input.password-confirm,
-input.password-field {
+input.password-field,
+.password-strength {
   width: 13.7em;
-  margin-bottom: 0.4em;
-  float: left; /* LTR */
 }
 div.password-confirm {
-  float: right;  /* LTR */
-  visibility: hidden;
   width: 13em;
 }
-[dir="rtl"] input.password-confirm,
-[dir="rtl"] input.password-field {
-  float: right;
-}
-[dir="rtl"] div.password-confirm {
-  float: left;
-}
 div.form-item div.password-suggestions {
   padding: 0.2em 0.5em;
   margin: 0.7em 0;
@@ -86,34 +62,3 @@ div.password-suggestions ul {
   clear: right;
 }
 
-/**
- * Password strength indicator on narrow viewport.
- */
-@media screen and (max-width: 600px) {
-  .password-strength,
-  div.password-confirm {
-    float: none;
-    width: auto;
-    max-width: 100%;
-  }
-  .password-indicator {
-    margin-bottom: 0.4em;
-  }
-  input.password-confirm,
-  input.password-field {
-    margin-bottom: 0;
-    width: 100%;
-    max-width: none;
-  }
-  div.form-item div.password-suggestions {
-    width: auto;
-    max-width: 100%;
-  }
-  .confirm-parent,
-  .password-parent {
-    clear: none;
-    width: 100%;
-    max-width: none;
-    overflow: hidden;
-  }
-}
diff --git a/core/modules/user/user.js b/core/modules/user/user.js
index 1748a2c..0d3811e 100644
--- a/core/modules/user/user.js
+++ b/core/modules/user/user.js
@@ -25,7 +25,7 @@
 
         // If the password strength indicator is enabled, add its markup.
         if (settings.password.showStrengthIndicator) {
-          var passwordMeter = '<div class="password-strength"><div class="password-strength-text" aria-live="assertive"></div><div class="password-strength-title">' + translate.strengthTitle + '</div><div class="password-indicator"><div class="indicator"></div></div></div>';
+          var passwordMeter = '<div class="password-strength"><div class="password-strength__meter"><div class="password-strength__indicator"></div></div><div class="password-strength__title">' + translate.strengthTitle + ' </div><div class="password-strength__text" aria-live="assertive"></div></div>';
           confirmInput.parent().after('<div class="password-suggestions description"></div>');
           innerWrapper.append(passwordMeter);
           var passwordDescription = outerWrapper.find('div.password-suggestions').hide();
@@ -56,12 +56,12 @@
             passwordDescription.toggle(result.strength !== 100);
 
             // Adjust the length of the strength indicator.
-            innerWrapper.find('.indicator')
+            innerWrapper.find('.password-strength__indicator')
               .css('width', result.strength + '%')
               .css('background-color', result.indicatorColor);
 
             // Update the strength indication text.
-            innerWrapper.find('.password-strength-text').html(result.indicatorText);
+            innerWrapper.find('.password-strength__text').html(result.indicatorText);
           }
 
           // Check the value in the confirm input and show results.