diff --git a/styleguide/src/system/components/layout/Modal/style.scss b/styleguide/src/system/components/layout/Modal/style.scss
index c05df53c2..f7eb5fc31 100644
--- a/styleguide/src/system/components/layout/Modal/style.scss
+++ b/styleguide/src/system/components/layout/Modal/style.scss
@@ -88,11 +88,9 @@
   background: rgba(0, 0, 0, 0.7);
 }
 
-$easeOut: cubic-bezier(0.19, 1, 0.22, 1);
-
 .ds-transition-modal-appear-enter-active {
   opacity: 1;
-  transition: all 180ms $easeOut;
+  transition: all 200ms $ease-out-bounce ;
   transition-delay: 0;
   transform: translate3d(-50%, -50%, 0) scale(1);
 }
@@ -100,5 +98,5 @@ $easeOut: cubic-bezier(0.19, 1, 0.22, 1);
 .ds-transition-modal-appear-leave-active {
   opacity: 0;
   transition-delay: 0;
-  transform: translate3d(-50%, -50%, 0) scale(0.9);
+  transform: translate3d(-50%, -50%, 0) scale(0.8);
 }