From 79872ea5e2f18d926eb63f8b84addd9fd1fa8e49 Mon Sep 17 00:00:00 2001
From: lyzno1 <yuanyouhuilyz@gmail.com>
Date: Wed, 15 Oct 2025 14:58:03 +0800
Subject: [PATCH] Refine workflow comment avatar highlight ring

---
 web/app/components/workflow/comment/comment-icon.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/web/app/components/workflow/comment/comment-icon.tsx b/web/app/components/workflow/comment/comment-icon.tsx
index bf630c3117..bde458cc46 100644
--- a/web/app/components/workflow/comment/comment-icon.tsx
+++ b/web/app/components/workflow/comment/comment-icon.tsx
@@ -199,13 +199,13 @@ export const CommentIcon: FC<CommentIconProps> = memo(({ comment, onClick, isAct
           onMouseLeave={handleMouseLeave}
         >
           <div
-            className={'relative h-10 overflow-hidden rounded-br-full rounded-tl-full rounded-tr-full'}
+            className={'relative h-10 rounded-br-full rounded-tl-full rounded-tr-full'}
             style={{ width: dynamicWidth }}
           >
-            <div className={`absolute inset-[6px] overflow-hidden rounded-br-full rounded-tl-full rounded-tr-full border ${
+            <div className={`absolute inset-[6px] overflow-hidden rounded-br-full rounded-tl-full rounded-tr-full border bg-components-panel-bg transition-shadow ${
               isActive
-                ? 'border-2 border-primary-500 bg-components-panel-bg'
-                : 'border-components-panel-border bg-components-panel-bg'
+                ? 'border-primary-500 ring-1 ring-primary-500'
+                : 'border-components-panel-border'
             }`}>
               <div className="flex h-full w-full items-center justify-center px-1">
                 <UserAvatarList