From 3777341f7eec568821dfea9f289ae30b2a4ed31a Mon Sep 17 00:00:00 2001
From: Samuel Newman <mozzius@protonmail.com>
Date: Wed, 19 Nov 2025 16:56:02 +0200
Subject: [PATCH] fix qr code text alignment on Android

---
 src/components/StarterPack/QrCode.tsx | 16 ++++++----------
 1 file changed, 6 insertions(+), 10 deletions(-)

diff --git a/src/components/StarterPack/QrCode.tsx b/src/components/StarterPack/QrCode.tsx
index 64c5cf50f7..cf25853f71 100644
--- a/src/components/StarterPack/QrCode.tsx
+++ b/src/components/StarterPack/QrCode.tsx
@@ -76,16 +76,12 @@ export function QrCode({
             <QrCodeInner link={link} />
           </View>
 
-          <Text
-            style={[
-              a.flex,
-              a.flex_row,
-              a.align_center,
-              a.font_semi_bold,
-              {color: 'white', fontSize: 18, gap: 6},
-            ]}>
+          <View style={[a.flex, a.flex_row, a.align_center, {gap: 6}]}>
+            {/* eslint-disable-next-line bsky-internal/avoid-unwrapped-text */}
             <Trans>
-              on
+              <Text style={[{color: 'white', fontSize: 18}, a.font_semi_bold]}>
+                on
+              </Text>
               <View style={[a.flex_row, a.align_center, {gap: 6}]}>
                 <Logo width={25} fill="white" />
                 <View style={[{marginTop: 3.5}]}>
@@ -93,7 +89,7 @@ export function QrCode({
                 </View>
               </View>
             </Trans>
-          </Text>
+          </View>
         </View>
       </LinearGradientBackground>
     </LazyViewShot>