diff --git a/src/components/toast/Toast.css b/src/components/toast/Toast.css
index 7bc9509..70762a3 100644
--- a/src/components/toast/Toast.css
+++ b/src/components/toast/Toast.css
@@ -36,3 +36,14 @@
 .toast-item.warn {
   background-color: #7f5539;
 }
+
+@keyframes toast-in {
+  from {
+    opacity: 0;
+    transform: translateX(100%);
+  }
+  to {
+    opacity: 1;
+    transform: translateX(0);
+  }
+}