transition scale

app/assets/tailwind/toastify.css

@@ -1,9 +1,8 @@
 .toastify {
   @apply 
-    fixed max-w-1/2 z-1000
-    cursor-progress
-    opacity-0 drop-shadow-none
-    transition-all duration-300 ease-in-out;
+  fixed max-w-1/2 z-1000 cursor-progress
+  transition-all duration-300 ease-in-out
+  scale-80 opacity-0 drop-shadow-none;
   
   .toast-close { 
     @apply invisible btn btn-outline btn-sm; 
@@ -14,5 +13,5 @@
   }
 }
 
-.toastify.on { @apply opacity-100 drop-shadow-md; }
+.toastify.on { @apply scale-100 opacity-100 drop-shadow-md; }
 .toastify-top { @apply -top-150; }