From 5ff8a3f5fa8b6f0f1ddd696ecc6f61ca7aadb7da Mon Sep 17 00:00:00 2001
From: "opencode-agent[bot]"
 <219766164+opencode-agent[bot]@users.noreply.github.com>
Date: Mon, 7 Sep 2026 13:15:48 +1000
Subject: [PATCH] fix(ui): align unread avatar badges with the corner (#47718)

Co-authored-by: Hona <10430890+Hona@users.noreply.github.com>
---
 .../ui/src/data-display/project-avatar/project-avatar.css | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/ui/src/data-display/project-avatar/project-avatar.css b/packages/ui/src/data-display/project-avatar/project-avatar.css
index e8c2149b5dc..fddd18575a7 100644
--- a/packages/ui/src/data-display/project-avatar/project-avatar.css
+++ b/packages/ui/src/data-display/project-avatar/project-avatar.css
@@ -105,8 +105,8 @@
 }
 
 [data-component="project-avatar-v2"][data-unread] [data-slot="project-avatar-surface"] {
-  -webkit-mask-image: radial-gradient(circle 4.5px at calc(100% - 1px) 1px, transparent 4.5px, black 4.5px);
-  mask-image: radial-gradient(circle 4.5px at calc(100% - 1px) 1px, transparent 4.5px, black 4.5px);
+  -webkit-mask-image: radial-gradient(circle 4.5px at 100% 0, transparent 4px, black 5px);
+  mask-image: radial-gradient(circle 4.5px at 100% 0, transparent 4px, black 5px);
 }
 
 [data-slot="project-avatar-unread-dot"] {
@@ -114,8 +114,8 @@
   z-index: 3;
   width: 6px;
   height: 6px;
-  right: -2px;
-  top: -2px;
+  right: -3px;
+  top: -3px;
   border-radius: 9999px;
   background: var(--v2-background-bg-accent);
   pointer-events: none;