diff --git a/ionic/components/button/button.scss b/ionic/components/button/button.scss
index e4a2aa0b6a..61a8bb0de8 100644
--- a/ionic/components/button/button.scss
+++ b/ionic/components/button/button.scss
@@ -232,6 +232,7 @@ a[button] {
 @mixin button-default($bg-color, $fg-color) {
   background-color: $bg-color;
   color: $fg-color;
+  transition: background-color,opacity 100ms linear;
 
   &:hover,
   &.hover {