From c85a8195cffd10152431f3eb6284ba188a6a9da8 Mon Sep 17 00:00:00 2001
From: Sibtain Ali <allroundexperts@gmail.com>
Date: Tue, 6 Jun 2023 14:55:37 +0500
Subject: [PATCH] fix: remove onfido box-shadow when focus:visible is applied

---
 src/components/Onfido/index.css | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/components/Onfido/index.css b/src/components/Onfido/index.css
index ebc2089d9cd5..07cc81e1306c 100644
--- a/src/components/Onfido/index.css
+++ b/src/components/Onfido/index.css
@@ -10,6 +10,12 @@
     position: relative;
 }
 
+/* This is needed to dsiable the blue outline that shows up once the payment page is opened through keyboard */
+#onfido-mount [tabindex="-1"]:focus-visible,
+#onfido-mount [tabindex="-1"]:focus[data-focusvisible-polyfill] {
+    box-shadow: none !important;
+}
+
 @media only screen and (max-width: 600px) {
     .onfido-sdk-ui-Modal-inner {
         /* This keeps the bottom of the Onfido window from being cut off on mobile web because the height was being