diff --git a/docs/index.js b/docs/index.js
index dee3b3d5b..976f42fd7 100644
--- a/docs/index.js
+++ b/docs/index.js
@@ -38,7 +38,6 @@ router.afterEach(route => {
     Vue.nextTick(() => {
       document.body.scrollTop = indexScrollTop;
     });
-
   }
 });
 
diff --git a/packages/button/src/button.js b/packages/button/src/button.js
index 382f58b16..8ce62f182 100644
--- a/packages/button/src/button.js
+++ b/packages/button/src/button.js
@@ -61,9 +61,9 @@ export default {
           'zan-button--' + type,
           'zan-button--' + size,
           {
-            'is-disabled': disabled,
-            'is-loading': loading,
-            'is-block': block
+            'z-button--disabled': disabled,
+            'z-button--loading': loading,
+            'z-button--block': block
           }
         ]}
         onClick={this.handleClick}
diff --git a/packages/zanui-css/src/button.css b/packages/zanui-css/src/button.css
index fa4448687..3010554a5 100644
--- a/packages/zanui-css/src/button.css
+++ b/packages/zanui-css/src/button.css
@@ -75,13 +75,13 @@
       font-size: 10px;
     }
 
-    @when disabled {
+    @m disabled {
       color: $button-disabled-color;
       background-color: $button-disabled-background-color;
       border: 1px solid $button-disabled-border-color;
     }
 
-    @when block {
+    @m block {
       display: block;
     }
   }
diff --git a/packages/zanui-css/src/button_group.css b/packages/zanui-css/src/button_group.css
index 0585ab70b..5d4231493 100644
--- a/packages/zanui-css/src/button_group.css
+++ b/packages/zanui-css/src/button_group.css
@@ -2,6 +2,7 @@
   display: inline-block;
   box-sizing: border-box;
   padding-right: 10px;
+  vertical-align: middle;
   &:last-child {
     padding-right: 0;
   }