diff --git a/js/angular/components/modal/modal.js b/js/angular/components/modal/modal.js
index <HASH>..<HASH> 100644
--- a/js/angular/components/modal/modal.js
+++ b/js/angular/components/modal/modal.js
@@ -125,7 +125,16 @@
             element.css('background', 'transparent');
           }
 
-          foundationApi.animate(element, scope.active, overlayIn, overlayOut);
+          // work around for modal animations
+          // due to a bug where the overlay fadeIn is essentially covering up
+          // the dialog's animation
+          if (!scope.active) {
+            foundationApi.animate(element, scope.active, overlayIn, overlayOut);
+          }
+          else {
+            element.addClass('is-active');
+          }
+
           foundationApi.animate(dialog, scope.active, animationIn, animationOut);
         }
Fixed entering modal animations by bypassing the animation method and manually adding the 'is-active' class for now. Until we can find a way to utilize better animation directives with sequential animations, this will allow the dialog to animate with the overlay being present.