diff --git a/src/styles/animated-modal.scss b/src/styles/animated-modal.scss
index 6d0b09321..950d62134 100644
--- a/src/styles/animated-modal.scss
+++ b/src/styles/animated-modal.scss
@@ -37,22 +37,36 @@
     justify-content: center;
     position: absolute;
     transform:translateX(-100%);
-    animation-delay: 2s;
 
     &.one {
-      animation: slide-in 6s ease-in-out 1s forwards 1;
+      animation: slide-in 6s ease-in-out;
+      animation-fill-mode: forwards;
+      animation-iteration-count: 1;
+      animation-delay: 1s;
     }
     &.two {
-      animation: slide-in 6s ease-in-out 6.25s forwards 1;
+      animation: slide-in 6s ease-in-out;
+      animation-fill-mode: forwards;
+      animation-iteration-count: 1;
+      animation-delay: 6.25s;
     }
     &.three {
-      animation: slide-in 6s ease-in-out 11.5s forwards 1;
+      animation: slide-in 6s ease-in-out;
+      animation-fill-mode: forwards;
+      animation-iteration-count: 1;
+      animation-delay: 11.5s;
     }
     &.four {
-      animation: slide-in 6s ease-in-out 16.75s forwards 1;
+      animation: slide-in 6s ease-in-out;
+      animation-fill-mode: forwards;
+      animation-iteration-count: 1;
+      animation-delay: 16.75s;
     }
     &.five {
-      animation: slide-in-2 6s ease-in-out 22s forwards 1;
+      animation: slide-in-2 6s ease-in-out;
+      animation-fill-mode: forwards;
+      animation-iteration-count: 1;
+      animation-delay: 22s;
     }
 
     @keyframes slide-in {