diff --git a/frontend/src/views/login/index.vue b/frontend/src/views/login/index.vue
index 6835a93753..15fd78dc67 100644
--- a/frontend/src/views/login/index.vue
+++ b/frontend/src/views/login/index.vue
@@ -58,7 +58,7 @@
               </div>
             </el-form>
             <div v-show="codeShow" class="code">
-              <el-row>
+              <el-row class="code-contaniner">
                 <plugin-com v-if="loginTypes.includes(4) && codeIndex === 4" ref="WecomQr" component-name="WecomQr" />
                 <plugin-com v-if="loginTypes.includes(5) && codeIndex === 5" ref="DingtalkQr" component-name="DingtalkQr" />
                 <plugin-com v-if="loginTypes.includes(6) && codeIndex === 6" ref="FarkQr" component-name="FarkQr" />
@@ -501,6 +501,9 @@ export default {
     height: 150px;
     padding: 10px;
   }
+  .code-contaniner {
+    height: 410px;
+  }
 }
 .login-third-item {
   display: inline-block;