From 4067f1e317b83a03a9a865ebffaac0b3a5d16102 Mon Sep 17 00:00:00 2001
From: Matt Carroll <matt.carroll139@gmail.com>
Date: Wed, 1 Jul 2026 15:12:10 +1000
Subject: [PATCH] AP-9440 # Changed barcode scanner box size to 250

---
 src/form-elements/FormElementBarcodeScanner.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/form-elements/FormElementBarcodeScanner.tsx b/src/form-elements/FormElementBarcodeScanner.tsx
index 8d84d257..d7e47a57 100644
--- a/src/form-elements/FormElementBarcodeScanner.tsx
+++ b/src/form-elements/FormElementBarcodeScanner.tsx
@@ -3,6 +3,7 @@ import {
   Html5Qrcode,
   CameraDevice,
   Html5QrcodeSupportedFormats,
+  Html5QrcodeCameraScanConfig,
 } from 'html5-qrcode'
 import CopyToClipboardButton from '../components/renderer/CopyToClipboardButton'
 import useBooleanState from '../hooks/useBooleanState'
@@ -298,11 +299,12 @@ function BarcodeScanner({
       /back|rear|environment/i.test(device.label),
     )
     const preferredCamera = backFacingCamera ?? cameraDevices[0]
-    const scanConfig = {
+    const scanConfig: Html5QrcodeCameraScanConfig = {
       fps: 20,
-      qrbox: (viewfinderWidth: number, viewfinderHeight: number) => {
+      aspectRatio: 1,
+      qrbox: (viewfinderWidth, viewfinderHeight) => {
         const size = Math.min(
-          400,
+          250,
           Math.floor(Math.min(viewfinderWidth, viewfinderHeight) * 0.75),
         )
         return { width: size, height: size }