diff --git a/src/panels/config/users/dialog-add-user.ts b/src/panels/config/users/dialog-add-user.ts
index 3e63f216ee4f..a89a3a78f807 100644
--- a/src/panels/config/users/dialog-add-user.ts
+++ b/src/panels/config/users/dialog-add-user.ts
@@ -26,6 +26,7 @@ import { ValueChangedEvent, HomeAssistant } from "../../../types";
 import { haStyleDialog } from "../../../resources/styles";
 import { AddUserDialogParams } from "./show-dialog-add-user";
 import "../../../components/ha-textfield";
+import "../../../auth/ha-auth-textfield";
 import type { HaTextField } from "../../../components/ha-textfield";
 
 @customElement("dialog-add-user")
@@ -128,19 +129,20 @@ export class DialogAddUser extends LitElement {
             dialogInitialFocus
           ></ha-textfield>
 
-          <ha-textfield
+          <ha-auth-textfield
             .label=${this.hass.localize(
               "ui.panel.config.users.add_user.password"
             )}
+            style="display: block"
             type="password"
             name="password"
             .value=${this._password}
             required
             @input=${this._handleValueChanged}
             .validationMessage=${this.hass.localize("ui.common.error_required")}
-          ></ha-textfield>
+          ></ha-auth-textfield>
 
-          <ha-textfield
+          <ha-auth-textfield
             label=${this.hass.localize(
               "ui.panel.config.users.add_user.password_confirm"
             )}
@@ -148,6 +150,7 @@ export class DialogAddUser extends LitElement {
             .value=${this._passwordConfirm}
             @input=${this._handleValueChanged}
             required
+            style="display: block"
             type="password"
             .invalid=${this._password !== "" &&
             this._passwordConfirm !== "" &&
@@ -155,7 +158,7 @@ export class DialogAddUser extends LitElement {
             .validationMessage=${this.hass.localize(
               "ui.panel.config.users.add_user.password_not_match"
             )}
-          ></ha-textfield>
+          ></ha-auth-textfield>
           <div class="row">
             <ha-formfield
               .label=${this.hass.localize(