From ce9a87be8b192be7822ffcd799d228600c45f112 Mon Sep 17 00:00:00 2001
From: Daniel Sinclair <d@niel.nyc>
Date: Mon, 6 May 2024 16:05:49 -0400
Subject: [PATCH] fix: qrcode logo margin increase to improve error correction
 for cb wallet

---
 packages/rainbowkit/src/components/QRCode/QRCode.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/rainbowkit/src/components/QRCode/QRCode.tsx b/packages/rainbowkit/src/components/QRCode/QRCode.tsx
index 2dad3c6ed6..60b5d80adb 100644
--- a/packages/rainbowkit/src/components/QRCode/QRCode.tsx
+++ b/packages/rainbowkit/src/components/QRCode/QRCode.tsx
@@ -35,7 +35,7 @@ type Props = {
 export function QRCode({
   ecl = 'M',
   logoBackground,
-  logoMargin = 10,
+  logoMargin = 13,
   logoSize = 50,
   logoUrl,
   size: sizeProp = 200,
@@ -74,7 +74,7 @@ export function QRCode({
       }
     });
 
-    const clearArenaSize = Math.floor((logoSize + 25) / cellSize);
+    const clearArenaSize = Math.floor((logoSize + logoMargin * 2) / cellSize);
     const matrixMiddleStart = matrix.length / 2 - clearArenaSize / 2;
     const matrixMiddleEnd = matrix.length / 2 + clearArenaSize / 2 - 1;
 
@@ -114,7 +114,7 @@ export function QRCode({
     });
 
     return dots;
-  }, [ecl, logoSize, size, uri]);
+  }, [ecl, logoSize, logoMargin, size, uri]);
 
   const logoPosition = size / 2 - logoSize / 2;
   const logoWrapperSize = logoSize + logoMargin * 2;