diff --git a/packages/message-box/src/main.vue b/packages/message-box/src/main.vue
index 5ce644534..5c8bf3a72 100644
--- a/packages/message-box/src/main.vue
+++ b/packages/message-box/src/main.vue
@@ -64,6 +64,7 @@
           <el-button
             :loading="confirmButtonLoading"
             ref="confirm"
+            type="primary"
             :class="[ confirmButtonClasses ]"
             v-show="showConfirmButton"
             :round="roundButton"
@@ -140,7 +141,7 @@
       },
 
       confirmButtonClasses() {
-        return `el-button--primary ${ this.confirmButtonClass }`;
+        return `${ this.confirmButtonClass }`;
       },
       cancelButtonClasses() {
         return `${ this.cancelButtonClass }`;