diff --git a/style/components/button.less b/style/components/button.less
index d2d880d4f5..c61ed099a6 100644
--- a/style/components/button.less
+++ b/style/components/button.less
@@ -106,9 +106,8 @@
   	bottom: 0;
   	right: 0;
   	border-radius: inherit;
-  	z-index: -1;
     border: 0 solid @primary-color;
-  	opacity: 0.44;
+  	opacity: 0.4;
     animation: buttonEffect 0.36s ease forwards;
   }
 }
@@ -116,10 +115,10 @@
 @keyframes buttonEffect {
 	to {
 		opacity: 0;
-    top: -6px;
-  	left: -6px;
-  	bottom: -6px;
-  	right: -6px;
-    border-width: 6px;
+    top: -5px;
+  	left: -5px;
+  	bottom: -5px;
+  	right: -5px;
+    border-width: 5px;
 	}
 }
diff --git a/style/mixins/button.less b/style/mixins/button.less
index d1987ed60b..e3456baba6 100644
--- a/style/mixins/button.less
+++ b/style/mixins/button.less
@@ -200,10 +200,10 @@
     position: absolute;
     top: 0;
     left: 0;
+    right: 0;
+    bottom: 0;
     display: inline-block;
     .opacity(0);
-    width: 100%;
-    height: 100%;
     border-radius: 50% 50%;
     content: " ";
     .scale(0, 0);