diff --git a/core/core-frontend/src/views/login/index.vue b/core/core-frontend/src/views/login/index.vue
index 507f41813e..e59b6267cf 100644
--- a/core/core-frontend/src/views/login/index.vue
+++ b/core/core-frontend/src/views/login/index.vue
@@ -317,7 +317,7 @@ onMounted(async () => {
                     activeName === 'ldap' ? t('login.ldap_login') : t('login.account_login')
                   }}</span>
                 </div>
-                <el-form-item class="login-form-item" prop="username">
+                <el-form-item class="login-form-item login-input-module" prop="username">
                   <el-input
                     v-model="state.loginForm.username"
                     :placeholder="`${t('common.account')}${
@@ -326,7 +326,7 @@ onMounted(async () => {
                     autofocus
                   />
                 </el-form-item>
-                <el-form-item prop="password">
+                <el-form-item class="login-input-module" prop="password">
                   <CustomPassword
                     v-model="state.loginForm.password"
                     :placeholder="t('common.pwd')"
@@ -485,6 +485,14 @@ onMounted(async () => {
     border: 1px solid #dee0e3;
     border-radius: 4px;
 
+    .login-input-module {
+      width: 100%;
+      :deep(.ed-input) {
+        height: 40px;
+        line-height: 40px;
+      }
+    }
+
     .login-form-item {
       margin-top: 24px;
     }