diff --git a/frontend/src/views/login/index.vue b/frontend/src/views/login/index.vue
index 71e2237..a0aef5b 100644
--- a/frontend/src/views/login/index.vue
+++ b/frontend/src/views/login/index.vue
@@ -2,10 +2,11 @@
   <div class="login-background" style="">
     <div class="login-container">
       <el-row v-loading="loading" type="flex">
+        <el-col :span="2" />
         <el-col :span="10">
           <img class="login-logo" src="../../assets/login.png" alt="">
         </el-col>
-        <el-col :span="4" />
+        <el-col :span="2" />
         <el-col :span="10">
           <el-form ref="loginForm" :model="loginForm" :rules="loginRules" size="default">
             <div v-if="uiInfo && uiInfo['ui.loginTitle'] && uiInfo['ui.loginTitle'].paramValue" class="login-welcome">
@@ -38,7 +39,7 @@
               </el-form-item>
             </div>
             <div class="login-btn">
-              <el-button type="primary" class="submit" size="default" @click.native.prevent="handleLogin">
+              <el-button class="submit" size="default" @click.native.prevent="handleLogin">
                 {{ $t('commons.login') }}
               </el-button>
               <div v-if="uiInfo && uiInfo['ui.demo.tips'] && uiInfo['ui.demo.tips'].paramValue" class="demo-tips">
@@ -243,7 +244,7 @@ export default {
 
   .login-welcome {
     font-size: 36px;
-    color: $--color-primary;
+    color: $topBarBg;
     letter-spacing: 0;
     text-align: center;
   }
@@ -268,7 +269,7 @@ export default {
       margin-top: 40px;
     }
     & :focus {
-      border: 1px solid $--color-primary;
+      border: 1px solid $topBarBg;
     }
   }
 
@@ -280,6 +281,9 @@ export default {
     }
 
     .submit {
+      background-color: $topBarBg;
+      border-color: $topBarBg;
+      color: #fff;
       width: 100%;
     }
   }