From b1013a3a57b7e914c41bc4156dfa3664cdbf441e Mon Sep 17 00:00:00 2001
From: Santos Vilanculos <santosvilanculos@yahoo.com>
Date: Fri, 5 Dec 2025 12:07:06 +0200
Subject: [PATCH] fix: 2fa qr code scan on dark color scheme issue (#196)

* fix(2fa): 2fa qr code scan on dark color scheme issues

* chore: match livewire-starter-kit rounded corners and padding

* Update QR code styling

---------

Co-authored-by: Pushpak Chhajed <pushpak1300@gmail.com>
---
 resources/js/components/two-factor-setup-modal.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/resources/js/components/two-factor-setup-modal.tsx b/resources/js/components/two-factor-setup-modal.tsx
index c0a9d22cd..83017124b 100644
--- a/resources/js/components/two-factor-setup-modal.tsx
+++ b/resources/js/components/two-factor-setup-modal.tsx
@@ -75,6 +75,7 @@ function TwoFactorSetupStep({
                             <div className="z-10 flex h-full w-full items-center justify-center p-5">
                                 {qrCodeSvg ? (
                                     <div
+                                        className="aspect-square w-full rounded-lg bg-white p-2 [&_svg]:size-full"
                                         dangerouslySetInnerHTML={{
                                             __html: qrCodeSvg,
                                         }}