From 29b6c808da792d8528b9096a810de041e86385b5 Mon Sep 17 00:00:00 2001
From: Santos Vilanculos <santosvilanculos@yahoo.com>
Date: Tue, 28 Oct 2025 14:46:24 +0200
Subject: [PATCH 1/2] fix(2fa): 2fa qr code scan on dark color scheme issues

---
 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..734a5c19c 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 bg-white p-2 [&_svg]:size-full"
                                         dangerouslySetInnerHTML={{
                                             __html: qrCodeSvg,
                                         }}

From 9010a1c341fa613ad60ddbcf76c8d4a48e70e7a9 Mon Sep 17 00:00:00 2001
From: Santos Vilanculos <santosvilanculos@yahoo.com>
Date: Tue, 28 Oct 2025 15:20:49 +0200
Subject: [PATCH 2/2] chore: match livewire-starter-kit rounded corners and
 padding

---
 resources/js/components/two-factor-setup-modal.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/js/components/two-factor-setup-modal.tsx b/resources/js/components/two-factor-setup-modal.tsx
index 734a5c19c..929d75469 100644
--- a/resources/js/components/two-factor-setup-modal.tsx
+++ b/resources/js/components/two-factor-setup-modal.tsx
@@ -75,7 +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 bg-white p-2 [&_svg]:size-full"
+                                        className="aspect-square w-full rounded bg-white p-3 [&_svg]:size-full"
                                         dangerouslySetInnerHTML={{
                                             __html: qrCodeSvg,
                                         }}