From 4ca3ae066f11d70edef65466f95748706d746bd7 Mon Sep 17 00:00:00 2001
From: dotta <dotta@example.com>
Date: Fri, 27 Mar 2026 07:40:56 -0500
Subject: [PATCH] Fix invisible keyboard selection highlight in inbox

Replace ring-2 outline (clipped by overflow-hidden container) with
bg-accent background color for the selected item. Visible in both
light and dark modes.

Co-Authored-By: Paperclip <noreply@paperclip.ing>
---
 ui/src/pages/Inbox.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/ui/src/pages/Inbox.tsx b/ui/src/pages/Inbox.tsx
index 8e429dca9de..e5e5092877c 100644
--- a/ui/src/pages/Inbox.tsx
+++ b/ui/src/pages/Inbox.tsx
@@ -1197,7 +1197,7 @@ export function Inbox() {
                   <div
                     key={`sel-${key}`}
                     data-inbox-item
-                    className={isSelected ? "ring-2 ring-inset ring-primary/40 rounded-sm" : ""}
+                    className={isSelected ? "bg-accent" : ""}
                     onClick={() => setSelectedIndex(index)}
                   >
                     {child}