diff --git a/resources/js/pages/Tray.vue b/resources/js/pages/Tray.vue
index e98b6a8..35a2f84 100644
--- a/resources/js/pages/Tray.vue
+++ b/resources/js/pages/Tray.vue
@@ -20,12 +20,12 @@
     <div class="px-6" v-if="alert">
       <div v-if="alert.error" class="bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded relative mb-4"
         role="alert">
-        <strong class="font-bold">Error!</strong>
+        <strong class="font-bold">Error! </strong>
         <span class="block sm:inline">{{ alert.error }}</span>
       </div>
       <div v-if="alert.success"
         class="bg-green-100 border border-green-400 text-green-700 px-4 py-3 rounded relative mb-4" role="alert">
-        <strong class="font-bold">Success!</strong>
+        <strong class="font-bold">Success! </strong>
         <span class="block sm:inline">{{ alert.success }}</span>
       </div>
     </div>
@@ -107,6 +107,7 @@ const saveTray = async () => {
       await axios.post("/api/nampan", { nama: trayName.value }, { headers });
       alert.value = { success: "Nampan berhasil ditambahkan" };
     }
+    timer.value = setTimeout(() => { alert.value = null; }, 5000);
     closeModal();
     if (trayList.value) {
       await trayList.value.refreshData(); // Call refreshData on TrayList
@@ -157,6 +158,7 @@ const handleConfirmAction = async () => {
       if (trayList.value) {
         await trayList.value.refreshData(); // Call refreshData on TrayList
       }
+      timer.value = setTimeout(() => { alert.value = null; }, 5000);
     } catch (error) {
       console.error(error);
       alert.value = { error: "Gagal menghapus nampan. Silakan coba lagi." };
@@ -171,6 +173,8 @@ const handleConfirmAction = async () => {
       if (trayList.value) {
         await trayList.value.refreshData(); // Call refreshData on TrayList
       }
+      timer.value = setTimeout(() => { alert.value = null; }, 5000);
+
     } catch (error) {
       console.error(error);
       alert.value = { error: "Gagal mengosongkan nampan. Silakan coba lagi." };