From 18a0e8a8b0f9d0176819efec797e8339d62f504d Mon Sep 17 00:00:00 2001
From: Dustin Healy <54083382+dustinhealy@users.noreply.github.com>
Date: Thu, 22 Jan 2026 16:38:31 -0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=AF=20feat:=20High=20Contrast=20Focus?=
 =?UTF-8?q?=20Outlines=20for=20Account=20Settings=20Menu=20Items=20(#11451?=
 =?UTF-8?q?)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* fix: focus outlines for Settings popup menu items

* refactor: tighten scope onto account settings only
---
 client/src/components/Nav/AccountSettings.tsx | 2 +-
 client/src/style.css                          | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/client/src/components/Nav/AccountSettings.tsx b/client/src/components/Nav/AccountSettings.tsx
index f35c8ea0fb..e3f97160eb 100644
--- a/client/src/components/Nav/AccountSettings.tsx
+++ b/client/src/components/Nav/AccountSettings.tsx
@@ -40,7 +40,7 @@ function AccountSettings() {
         </div>
       </Select.Select>
       <Select.SelectPopover
-        className="popover-ui z-[125] w-[305px] rounded-lg md:w-[244px]"
+        className="account-settings-popover popover-ui z-[125] w-[305px] rounded-lg md:w-[244px]"
         style={{
           transformOrigin: 'bottom',
           translate: '0 -4px',
diff --git a/client/src/style.css b/client/src/style.css
index c41d3679f7..689c05423d 100644
--- a/client/src/style.css
+++ b/client/src/style.css
@@ -2668,6 +2668,10 @@ html {
   color: var(--text-primary);
 }
 
+.account-settings-popover .select-item[data-active-item] {
+  box-shadow: 0 0 0 2px hsl(var(--ring));
+}
+
 .popover-ui[data-enter] {
   opacity: 1;
   scale: 1;