diff --git a/web/html/login.html b/web/html/login.html
index 0e5e5ef1..fc48b9ec 100644
--- a/web/html/login.html
+++ b/web/html/login.html
@@ -422,16 +422,16 @@
                     </a-input>
                   </a-form-item>
                   <a-form-item>
-                    <password-input autocomplete="password" name="password" icon="lock" v-model.trim="user.password"
+                    <a-password-input autocomplete="password" name="password" icon="lock" v-model.trim="user.password"
                                     placeholder='{{ i18n "password" }}'
                                     @keydown.enter.native="login">
-                    </password-input>
+                    </a-password-input>
                   </a-form-item>
                   <a-form-item v-if="secretEnable">
-                    <password-input autocomplete="secret" name="secret" icon="key" v-model.trim="user.loginSecret"
+                    <a-password-input autocomplete="secret" name="secret" icon="key" v-model.trim="user.loginSecret"
                                     placeholder='{{ i18n "secretToken" }}'
                                     @keydown.enter.native="login">
-                    </password-input>
+                    </a-password-input>
                   </a-form-item>
                   <a-form-item>
                     <a-row justify="center" class="centered">
diff --git a/web/html/xui/component/password.html b/web/html/xui/component/password.html
index 70b218ef..0fea1430 100644
--- a/web/html/xui/component/password.html
+++ b/web/html/xui/component/password.html
@@ -14,7 +14,7 @@
 
 {{define "component/password"}}
 <script>
-  Vue.component('password-input', {
+  Vue.component('a-password-input', {
     props: {
       'title': {
         type: String,
diff --git a/web/html/xui/settings.html b/web/html/xui/settings.html
index e8fa7e11..3bfb32a9 100644
--- a/web/html/xui/settings.html
+++ b/web/html/xui/settings.html
@@ -271,7 +271,7 @@
                     <a-setting-list-item paddings="small">
                       <template #title>{{ i18n "pages.settings.currentPassword"}}</template>
                       <template #control>
-                        <password-input autocomplete="current-password" v-model="user.oldPassword"></password-input>
+                        <a-password-input autocomplete="current-password" v-model="user.oldPassword"></a-password-input>
                       </template>
                     </a-setting-list-item>
                     <a-setting-list-item paddings="small">
@@ -283,7 +283,7 @@
                     <a-setting-list-item paddings="small">
                       <template #title>{{ i18n "pages.settings.newPassword"}}</template>
                       <template #control>
-                        <password-input autocomplete="new-password" v-model="user.newPassword"></password-input>
+                        <a-password-input autocomplete="new-password" v-model="user.newPassword"></a-password-input>
                       </template>
                     </a-setting-list-item>
                     <a-list-item>