diff --git a/library-css/modal.scss b/library-css/modal.scss
index 6c02362..b4454ee 100644
--- a/library-css/modal.scss
+++ b/library-css/modal.scss
@@ -7,6 +7,9 @@
   z-index: 9999;
   overflow: auto;
   background-color: white;
+  opacity: 0;
+  transform: scale(0);
+  transition: transform linear .3s, opacity linear .3s;
 }
 
 .fs-modal > .close {
@@ -32,7 +35,7 @@
 }
 
 .fs-modal > .content > .content-inner {
-  padding: 50px 90px 90px;
+  padding: 30px 90px;
 }
 
 @media only screen and (max-width: 639px) {
@@ -41,7 +44,7 @@
   }
 
   .fs-modal > .content > .content-inner {
-    padding: 50px 45px 90px;
+    padding: 30px 45px;
   }
 }
 
@@ -49,6 +52,11 @@ html.fs-modal-open {
   overflow: hidden !important;
 }
 
+html.fs-modal-open .fs-modal {
+  opacity: 1;
+  transform: scale(1);
+}
+
 .uk-modal.uk-open ~ .uk-tooltip {
   z-index: 10001;
 }