diff --git a/assets/style.less b/assets/style.less
index abb8e150..fe3919f3 100644
--- a/assets/style.less
+++ b/assets/style.less
@@ -130,4 +130,10 @@ html, body {
 
 .el-message-box {
   max-width: 90%;
+}
+
+.el-button--success.is-plain {
+  color: #2c8600;
+  border-color: #9de27b;
+  background-color: #f9fff6;
 }
\ No newline at end of file
diff --git a/pages/Authorize.vue b/pages/Authorize.vue
index 043d1f8e..6041d4c3 100644
--- a/pages/Authorize.vue
+++ b/pages/Authorize.vue
@@ -13,9 +13,9 @@
       br
       br
       a(:href='authorizeURL')
-        el-button.mr-1(plain type='success') {{$t('common.authorize')}}
+        el-button.mr-1(plain type='success' icon='el-icon-check') {{$t('common.authorize')}}
       a(href='/')
-        el-button.mt-1(plain type='warning') {{$t('common.cancel')}}
+        el-button.mt-1(plain type='danger') {{$t('common.cancel')}}
 </template>
 
 <script>