From 871b6ebc0a41c3a6257f099fb2fe148398372e47 Mon Sep 17 00:00:00 2001
From: Alejandro Celaya <alejandro.celaya@hypothes.is>
Date: Fri, 5 Jul 2024 12:18:35 +0200
Subject: [PATCH] Display focus ring in select options only when focus is
 visible

---
 src/components/input/SelectNext.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/input/SelectNext.tsx b/src/components/input/SelectNext.tsx
index ea363a1ca..311a1a87b 100644
--- a/src/components/input/SelectNext.tsx
+++ b/src/components/input/SelectNext.tsx
@@ -100,7 +100,7 @@ function SelectOption<T>({
         'border-t first:border-t-0 transition-colors whitespace-nowrap',
         {
           'text-grey-4': disabled,
-          'cursor-pointer focus:ring hover:bg-grey-1': !disabled,
+          'cursor-pointer focus-visible-ring hover:bg-grey-1': !disabled,
         },
         classes,
       )}