diff --git a/src/components/fabSpeedDial/demoMoreOptions/style.scss b/src/components/fabSpeedDial/demoMoreOptions/style.scss
index b4b1e583e90..bddec126665 100644
--- a/src/components/fabSpeedDial/demoMoreOptions/style.scss
+++ b/src/components/fabSpeedDial/demoMoreOptions/style.scss
@@ -41,10 +41,12 @@ md-fab-speed-dial {
 
   // Note: you MUST use an existing CSS class for the animation to fire properly
   &.md-scale, &.md-fling {
-    &.ng-hide {
+    &.ng-hide-add.ng-hide-add-active {
       // Use !important to override ng-hide's `display: none !important`
       display: flex !important;
+    }
 
+    &.ng-hide {
       md-fab-trigger {
         transform: scale(0);
       }
diff --git a/src/components/fabSpeedDial/fabSpeedDial.js b/src/components/fabSpeedDial/fabSpeedDial.js
index 7a6e7d4e3b6..3a199a7aad8 100644
--- a/src/components/fabSpeedDial/fabSpeedDial.js
+++ b/src/components/fabSpeedDial/fabSpeedDial.js
@@ -223,7 +223,7 @@
           offsetDelay = index * delay;
 
         styles.opacity = ctrl.isOpen ? 1 : 0;
-        styles.transform = styles.webkitTransform = ctrl.isOpen ? 'scale(1)' : 'scale(0.1)';
+        styles.transform = styles.webkitTransform = ctrl.isOpen ? 'scale(1)' : 'scale(0)';
         styles.transitionDelay = (ctrl.isOpen ? offsetDelay : (items.length - offsetDelay)) + 'ms';
 
         // Make the items closest to the trigger have the highest z-index
diff --git a/src/components/fabSpeedDial/fabSpeedDial.scss b/src/components/fabSpeedDial/fabSpeedDial.scss
index fcbc320c062..1d869b38cdc 100644
--- a/src/components/fabSpeedDial/fabSpeedDial.scss
+++ b/src/components/fabSpeedDial/fabSpeedDial.scss
@@ -134,7 +134,7 @@ md-fab-speed-dial {
 
   &.md-scale {
     .md-fab-action-item {
-      transform: scale(0.1);
+      transform: scale(0);
       transition: $swift-ease-in;
 
       // Make the scale animation a bit faster since we are delaying each item