From 877f89d0b363db53ad4a6ce8f8932e5987130d35 Mon Sep 17 00:00:00 2001
From: "Kalle (Sendou)" <38327916+Sendouc@users.noreply.github.com>
Date: Sat, 20 Mar 2021 16:54:11 +0200
Subject: [PATCH] disable blue focus border for not keyboard

---
 package-lock.json | 5 +++++
 package.json      | 1 +
 pages/_app.tsx    | 1 +
 3 files changed, 7 insertions(+)

diff --git a/package-lock.json b/package-lock.json
index 9267c17a6..3f31ae105 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -3535,6 +3535,11 @@
         "tslib": "^1.9.3"
       }
     },
+    "focus-visible": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/focus-visible/-/focus-visible-5.2.0.tgz",
+      "integrity": "sha512-Rwix9pBtC1Nuy5wysTmKy+UjbDJpIfg8eHjw0rjZ1mX4GNLz1Bmd16uDpI3Gk1i70Fgcs8Csg2lPm8HULFg9DQ=="
+    },
     "forever-agent": {
       "version": "0.6.1",
       "resolved": "https://registry.npmjs.org/forever-agent/-/forever-agent-0.6.1.tgz",
diff --git a/package.json b/package.json
index b9279f967..61a134357 100644
--- a/package.json
+++ b/package.json
@@ -36,6 +36,7 @@
     "@trpc/react": "^4.0.0",
     "@trpc/server": "^4.0.0",
     "countries-list": "^2.6.1",
+    "focus-visible": "^5.2.0",
     "framer-motion": "^3.10.5",
     "next": "^10.0.9",
     "next-auth": "^3.12.0",
diff --git a/pages/_app.tsx b/pages/_app.tsx
index 81171241d..20af3ec01 100644
--- a/pages/_app.tsx
+++ b/pages/_app.tsx
@@ -1,3 +1,4 @@
+import 'focus-visible/dist/focus-visible'
 import { ChakraProvider, extendTheme } from "@chakra-ui/react";
 import { mode } from "@chakra-ui/theme-tools";
 import { i18n } from "@lingui/core";