From efef08f6cd7227b88be2ad31ce89c0a1b2cbafbf Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Istv=C3=A1n=20So=C3=B3s?= <isoos@users.noreply.github.com>
Date: Tue, 9 Jan 2024 13:03:08 +0100
Subject: [PATCH] Visible focus for like buttons during keyboard navigation.
 (#7361)

---
 pkg/web_css/lib/src/_detail_page.scss | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/pkg/web_css/lib/src/_detail_page.scss b/pkg/web_css/lib/src/_detail_page.scss
index 68a01b2cc2..a6eb26c5db 100644
--- a/pkg/web_css/lib/src/_detail_page.scss
+++ b/pkg/web_css/lib/src/_detail_page.scss
@@ -179,12 +179,18 @@ $detail-tabs-tablet-width: calc(100% - 240px);
     text-transform: uppercase;
     white-space: nowrap;
     display: flex;
-    margin-top: -2px;
+    margin-top: -4px;
+    border: 1px solid transparent;
+    padding: 2px;
 
     .likes-count {
       display: inline-block;
       padding-top: 4px;
     }
+
+    &:focus-within {
+      border-color: #000;
+    }
   }
 }