diff --git a/src/components/CreateShareLinkForm.tsx b/src/components/CreateShareLinkForm.tsx
index 59d4d8c6..b38bab91 100644
--- a/src/components/CreateShareLinkForm.tsx
+++ b/src/components/CreateShareLinkForm.tsx
@@ -476,7 +476,9 @@ export default function CreateShareLinkForm({
                                     </p>
 
                                     <div className="h-[250px] w-full mx-auto flex items-center justify-center">
+                                        <div className="bg-white p-6 border rounded-md">
                                         <QRCodeCanvas value={link} size={200} />
+                                        </div>
                                     </div>
 
                                     <Collapsible
diff --git a/src/components/TwoFactorSetupForm.tsx b/src/components/TwoFactorSetupForm.tsx
index b36354d0..0c0b657e 100644
--- a/src/components/TwoFactorSetupForm.tsx
+++ b/src/components/TwoFactorSetupForm.tsx
@@ -230,7 +230,9 @@ const TwoFactorSetupForm = forwardRef<
                     <div className="space-y-4">
                         <p>{t("otpSetupScanQr")}</p>
                         <div className="h-[250px] mx-auto flex items-center justify-center">
+                            <div className="bg-white p-6 border rounded-md">
                             <QRCodeCanvas value={secretUri} size={200} />
+                            </div>
                         </div>
                         <div className="max-w-md mx-auto">
                             <CopyTextBox text={secretUri} wrapText={false} />