From f29a269b940c43260cda283a32eb4f3d50e320c1 Mon Sep 17 00:00:00 2001
From: Matchu <matchu1993@gmail.com>
Date: Tue, 9 Feb 2021 21:47:12 -0800
Subject: [PATCH] Use prettier focus outline for HTML5Badge

---
 src/app/ItemPage.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/app/ItemPage.js b/src/app/ItemPage.js
index 9383200..5c0d7b9 100644
--- a/src/app/ItemPage.js
+++ b/src/app/ItemPage.js
@@ -952,7 +952,6 @@ function HTML5Badge({ usesHTML5 }) {
 function HTML5BadgeLayout({ children, tooltipLabel, ...props }) {
   return (
     <Tooltip
-      shouldWrapChildren
       textAlign="center"
       fontSize="xs"
       placement="bottom-start"
@@ -966,6 +965,8 @@ function HTML5BadgeLayout({ children, tooltipLabel, ...props }) {
         paddingX="2"
         paddingY="1"
         transition="all 0.2s"
+        tabIndex="0"
+        _focus={{ outline: "none", boxShadow: "outline" }}
         {...props}
       >
         {children}