From b4bdbfe96a265e2d0cd7d8c1af9259dcce8e18d9 Mon Sep 17 00:00:00 2001
From: Vardan Hakobyan <vardan_live@live.com>
Date: Wed, 14 Sep 2022 16:48:45 +0400
Subject: [PATCH] fix: display QR codes with correctly colored border so that
 scanner apps successfully recognize them (#1566)

---
 .../Preferences/Panes/Security/TwoFactorAuth/ScanQRCode.tsx     | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/web/src/javascripts/Components/Preferences/Panes/Security/TwoFactorAuth/ScanQRCode.tsx b/packages/web/src/javascripts/Components/Preferences/Panes/Security/TwoFactorAuth/ScanQRCode.tsx
index 17c568d02..221f6998a 100644
--- a/packages/web/src/javascripts/Components/Preferences/Panes/Security/TwoFactorAuth/ScanQRCode.tsx
+++ b/packages/web/src/javascripts/Components/Preferences/Panes/Security/TwoFactorAuth/ScanQRCode.tsx
@@ -22,7 +22,7 @@ const ScanQRCode: FunctionComponent<Props> = ({ activation: act }) => {
       <ModalDialogLabel closeDialog={act.cancelActivation}>Step 1 of 3 - Scan QR code</ModalDialogLabel>
       <ModalDialogDescription className="h-33 flex flex-col items-center gap-5 md:flex-row">
         <div className="w-25 h-25 flex items-center justify-center bg-info">
-          <QRCode className="border-neutral-contrast-bg border-2 border-solid" value={act.qrCode} size={100} />
+          <QRCode className="border-2 border-solid border-neutral-contrast" value={act.qrCode} size={100} />
         </div>
         <div className="flex flex-grow flex-col gap-2">
           <div className="flex flex-row items-center">