From 70b193e07d2f85e353b6b12c56bf5bcbf828ee24 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Tue, 17 Mar 2026 12:05:39 +0000
Subject: [PATCH] fix(mobile): replace gap with marginLeft for React Native
 compatibility

Co-authored-by: christianlouis <361235+christianlouis@users.noreply.github.com>
---
 mobile/src/screens/QRScannerScreen.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/mobile/src/screens/QRScannerScreen.tsx b/mobile/src/screens/QRScannerScreen.tsx
index 9831112a..696c8e2b 100644
--- a/mobile/src/screens/QRScannerScreen.tsx
+++ b/mobile/src/screens/QRScannerScreen.tsx
@@ -263,12 +263,12 @@ const styles = StyleSheet.create({
   statusContainer: {
     flexDirection: "row",
     alignItems: "center",
-    gap: 10,
   },
   statusText: {
     color: "#fff",
     fontSize: 16,
     fontWeight: "600",
+    marginLeft: 10,
   },
   instructionText: {
     color: "#fff",