diff --git a/src/views/MainLayout.vue b/src/views/MainLayout.vue
index 1323e86e..6aea2a37 100644
--- a/src/views/MainLayout.vue
+++ b/src/views/MainLayout.vue
@@ -420,8 +420,8 @@ function handleDeleteNotification() {
         hideLoader();
       }
     },
-    "ยืนยันการลบข้อมูล",
-    "ต้องการยืนยันการลบรายการแจ้งเตือนทั้งหมดใช่หรือไม่?",
+    "ยืนยันการล้างการแจ้งเตือนทั้งหมด",
+    `ต้องการล้างการแจ้งเตือนทั้งหมด (${totalInbox.value} รายการ) ใช่หรือไม่? การกระทำนี้ไม่สามารถย้อนกลับได้`,
   );
 }
 
@@ -534,12 +534,16 @@ onUnmounted(() => {
                 v-if="totalInbox !== 0"
                 flat
                 dense
-                round
-                color="red"
-                icon="delete"
+                no-caps
+                size="12px"
+                color="red-7"
+                icon="mdi-trash-can-outline"
+                label="ล้างทั้งหมด"
+                class="q-ml-sm"
+                aria-label="ล้างการแจ้งเตือนทั้งหมด"
                 @click.stop.prevent="handleDeleteNotification"
               >
-                <q-tooltip>ลบการแจ้งเตือนทั้งหมด</q-tooltip>
+                <q-tooltip>ล้างการแจ้งเตือนทั้งหมด</q-tooltip>
               </q-btn>
             </div>