diff --git a/ui/src/views/chat/user-login/index.vue b/ui/src/views/chat/user-login/index.vue
index 69bf94b36..008ee0a4a 100644
--- a/ui/src/views/chat/user-login/index.vue
+++ b/ui/src/views/chat/user-login/index.vue
@@ -48,7 +48,7 @@
         <PasswordAuth></PasswordAuth>
       </el-card>
 
-      <el-card class="login-card" v-else>
+      <el-card class="login-card" v-else style="--el-card-padding: 0">
         <h2 class="mb-24" v-if="!showQrCodeTab && (loginMode === 'LDAP' || loginMode === 'LOCAL')">
           {{ loginMode == 'LOCAL' ? $t('views.login.title') : loginMode }}
         </h2>
diff --git a/ui/src/views/chat/user-login/scanCompinents/QrCodeTab.vue b/ui/src/views/chat/user-login/scanCompinents/QrCodeTab.vue
index e41224d26..3264339e7 100644
--- a/ui/src/views/chat/user-login/scanCompinents/QrCodeTab.vue
+++ b/ui/src/views/chat/user-login/scanCompinents/QrCodeTab.vue
@@ -2,7 +2,7 @@
   <el-tabs v-model="activeKey" @tab-change="selectTab">
     <template v-for="item in tabs" :key="item.key">
       <el-tab-pane :label="item.value" :name="item.key">
-        <div class="text-center mt-16" v-if="item.key === activeKey">
+        <div class="text-center" v-if="item.key === activeKey">
           <component
             :is="defineAsyncComponent(() => import(`./${item.key}QrCode.vue`))"
             :config="config"
diff --git a/ui/src/views/chat/user-login/scanCompinents/wecomQrCode.vue b/ui/src/views/chat/user-login/scanCompinents/wecomQrCode.vue
index ed0e855b5..d8963d254 100644
--- a/ui/src/views/chat/user-login/scanCompinents/wecomQrCode.vue
+++ b/ui/src/views/chat/user-login/scanCompinents/wecomQrCode.vue
@@ -1,5 +1,5 @@
 <template>
-  <div id="wecom-qr" class="wecom-qr" style="margin-left: 50px"></div>
+  <div id="wecom-qr" class="wecom-qr flex"></div>
 </template>
 
 <script lang="ts" setup>
@@ -80,8 +80,10 @@ init()
 </script>
 
 <style scoped lang="scss">
-.wecom-qr {
+#wecom-qr {
   margin-top: -20px;
   height: 331px;
+  justify-content: center;
+
 }
 </style>
diff --git a/ui/src/views/login/scanCompinents/wecomQrCode.vue b/ui/src/views/login/scanCompinents/wecomQrCode.vue
index 7b54c766a..c9ae57a97 100644
--- a/ui/src/views/login/scanCompinents/wecomQrCode.vue
+++ b/ui/src/views/login/scanCompinents/wecomQrCode.vue
@@ -1,5 +1,5 @@
 <template>
-  <div id="wecom-qr" class="wecom-qr" style="margin-left: 50px"></div>
+  <div id="wecom-qr" class="wecom-qr flex"></div>
 </template>
 
 <script lang="ts" setup>
@@ -72,8 +72,10 @@ init()
 </script>
 
 <style scoped lang="scss">
-.wecom-qr {
+#wecom-qr {
   margin-top: -20px;
   height: 331px;
+  justify-content: center;
+
 }
 </style>