diff --git a/src/styles/modal.scss b/src/styles/modal.scss
index 1a5ebe9..e439c1e 100644
--- a/src/styles/modal.scss
+++ b/src/styles/modal.scss
@@ -4,19 +4,29 @@ modal {
   @include align-items(center);
   @include display(flex);
   @include justify-content(center);
-  @include flex-wrap(wrap);
+  @include transform(scale(0));
   @include transition (all 0.2s ease-in-out);
 
   position  : fixed;
-  top       : 100vh;
+  top       : 0;
   left      : 0;
   width     : 100%;
   height    : 100%;
   z-index   : 1000;
   opacity   : 0;
 
+  &.slide {
+    top: 100vh;
+    transform: inherit;
+
+    &.show {
+      top: 0;
+      opacity: 1;
+    }
+  }
+
   &.show {
-    top: 0;
+    @include transform(scale(1));
     opacity: 1;
   }
 
@@ -32,4 +42,4 @@ modal {
       height: 25px;
     }
   }
-}
+}
\ No newline at end of file