diff --git a/web/src/components/ui/async-tree-select.tsx b/web/src/components/ui/async-tree-select.tsx
index 3cc10707c3..6ef95bfd11 100644
--- a/web/src/components/ui/async-tree-select.tsx
+++ b/web/src/components/ui/async-tree-select.tsx
@@ -172,7 +172,7 @@ export function AsyncTreeSelect({
               <div
                 className={cn(
                   'flex justify-between items-center hover:bg-accent py-0.5 px-1 rounded-md',
-                  { 'bg-cyan-50': value === x.id },
+                  { 'bg-bg-card': value === x.id },
                 )}
               >
                 <span className="flex-1">{x.title}</span>