From d5923241b5891c36591b5859e46b07cd251527f6 Mon Sep 17 00:00:00 2001
From: matthieu-db <matthieu.debeule@axpo.com>
Date: Mon, 7 Jul 2025 05:06:36 +0200
Subject: [PATCH] fix: add quiet zone to QR code (#19771)

Add quiet zone to QR code

This is needed for the QR code to be readable by many QR readers. It is also a requirement for it to be a valid QR code.
---
 web/src/lib/components/shared-components/qrcode.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/src/lib/components/shared-components/qrcode.svelte b/web/src/lib/components/shared-components/qrcode.svelte
index 5fa83e880c..7ac23f8a34 100644
--- a/web/src/lib/components/shared-components/qrcode.svelte
+++ b/web/src/lib/components/shared-components/qrcode.svelte
@@ -10,7 +10,7 @@
 
   const { value, width, alt = $t('alt_text_qr_code') }: Props = $props();
 
-  let promise = $derived(QRCode.toDataURL(value, { margin: 0, width }));
+  let promise = $derived(QRCode.toDataURL(value, { margin: 4, width }));
 </script>
 
 <div style="width: {width}px; height: {width}px">