From a46831b6351162c2511800cd83173ebf20aedfc7 Mon Sep 17 00:00:00 2001
From: Andy Smith <andy@37signals.com>
Date: Wed, 14 May 2025 13:18:35 -0500
Subject: [PATCH] Bring forward on focus visible

---
 app/assets/stylesheets/reactions.css | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/app/assets/stylesheets/reactions.css b/app/assets/stylesheets/reactions.css
index e1ce33e77..22454ca51 100644
--- a/app/assets/stylesheets/reactions.css
+++ b/app/assets/stylesheets/reactions.css
@@ -151,10 +151,10 @@
 
       position: relative;
 
-      @media (any-hover: hover) {
-        &:hover {
-          z-index: 1;
-        }
+      /* Make sure the selection ring sits on top of adjacent buttons on hover */
+      &:hover,
+      &:focus-visible {
+        z-index: 1;
       }
     }
   }