diff --git a/assets/css/style.css b/assets/css/style.css
index ab74441..9fb0b04 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -3227,6 +3227,7 @@
     gap: 12px;
     box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
     padding: 4px 12px;
+    display: none;
 }
 
 
diff --git a/assets/js/main.js b/assets/js/main.js
index 548efac..80c3248 100644
--- a/assets/js/main.js
+++ b/assets/js/main.js
@@ -288,6 +288,25 @@ $(document).ready(function () {
         }
     });
 
+
+
+
+    function createToaster() {
+        var toaster = $('.toaster');
+
+        toaster.hide();
+
+        // $('body').append(toaster);
+
+        setTimeout(function () {
+            toaster.fadeIn();
+            toaster.css('display', 'flex');
+
+        }, 2000);
+    }
+
+    createToaster();
+
 })