diff --git a/ionic/components/button/button-fab.scss b/ionic/components/button/button-fab.scss
index b4f607a3cb..1762615177 100644
--- a/ionic/components/button/button-fab.scss
+++ b/ionic/components/button/button-fab.scss
@@ -19,9 +19,6 @@ $button-fab-size:           56px !default;
 
   overflow: hidden;
 
-  transition: .2s linear;
-  transition-property: background-color;
-
   font-size: 14px;
 
   ion-icon {
diff --git a/ionic/components/button/button.md.scss b/ionic/components/button/button.md.scss
index cc4e995c63..63b09d44a6 100644
--- a/ionic/components/button/button.md.scss
+++ b/ionic/components/button/button.md.scss
@@ -239,6 +239,10 @@ $button-md-small-icon-font-size:           1.4em !default;
   border-radius: 50%;
   box-shadow: $button-md-fab-box-shadow;
 
+  transition: box-shadow $button-md-transition-duration $button-md-animation-curve,
+              background-color $button-md-transition-duration $button-md-animation-curve,
+              color $button-md-transition-duration $button-md-animation-curve;
+
   &.activated {
     box-shadow: $button-md-fab-box-shadow-active;
   }