From 7c04af86f960c55c4dadedc7a8ff9a9773855e62 Mon Sep 17 00:00:00 2001
From: Xubin Ren <52506698+Re-bin@users.noreply.github.com>
Date: Fri, 14 Aug 2026 06:57:05 +0900
Subject: [PATCH] style(webui): simplify delete confirmation icon

---
 webui/src/components/DeleteConfirm.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/webui/src/components/DeleteConfirm.tsx b/webui/src/components/DeleteConfirm.tsx
index 0a01a7f71..07a921be4 100644
--- a/webui/src/components/DeleteConfirm.tsx
+++ b/webui/src/components/DeleteConfirm.tsx
@@ -44,11 +44,11 @@ export function DeleteConfirm({
         className="w-[min(calc(100vw-2rem),24rem)] gap-0 p-5 text-center"
       >
         <AlertDialogHeader className="items-center space-y-0 text-center">
-          <div className="mb-5 grid h-16 w-16 place-items-center rounded-full bg-destructive/10 text-destructive">
-            <div className="grid h-9 w-9 place-items-center rounded-full border border-destructive/20 bg-destructive/5">
-              <Trash2 className="h-5 w-5" strokeWidth={2.4} aria-hidden />
-            </div>
-          </div>
+          <Trash2
+            className="mb-4 h-6 w-6 text-destructive"
+            strokeWidth={1.8}
+            aria-hidden
+          />
           <AlertDialogTitle className="text-center text-[20px] font-semibold leading-tight tracking-[-0.02em] text-foreground">
             {multiple
               ? t("deleteConfirm.titleMany", {