diff --git a/native/account/logged-out-modal.react.js b/native/account/logged-out-modal.react.js
--- a/native/account/logged-out-modal.react.js
+++ b/native/account/logged-out-modal.react.js
@@ -556,19 +556,39 @@
         );
       }
 
-      buttons = (
-        <Animated.View style={[styles.buttonContainer, opacityStyle]}>
-          <LoggedOutStaffInfo />
-          {siweButton}
+      const signInButtons = [];
+      signInButtons.push(
+        <TouchableOpacity
+          onPress={this.onPressLogIn}
+          style={[styles.button, styles.classicAuthButton]}
+          activeOpacity={0.6}
+          key="login-form"
+        >
+          <Text style={[styles.buttonText, styles.classicAuthButtonText]}>
+            Sign in
+          </Text>
+        </TouchableOpacity>,
+      );
+      if (__DEV__) {
+        signInButtons.push(
           <TouchableOpacity
-            onPress={this.onPressLogIn}
+            onPress={null}
             style={[styles.button, styles.classicAuthButton]}
             activeOpacity={0.6}
+            key="qr-code-login"
           >
             <Text style={[styles.buttonText, styles.classicAuthButtonText]}>
-              Sign in
+              Sign in (QR)
             </Text>
-          </TouchableOpacity>
+          </TouchableOpacity>,
+        );
+      }
+
+      buttons = (
+        <Animated.View style={[styles.buttonContainer, opacityStyle]}>
+          <LoggedOutStaffInfo />
+          {siweButton}
+          <View style={styles.signInButtons}>{signInButtons}</View>
           <View style={styles.registerButtons}>{registerButtons}</View>
         </Animated.View>
       );
@@ -705,6 +725,9 @@
   registerButtons: {
     flexDirection: 'row',
   },
+  signInButtons: {
+    flexDirection: 'row',
+  },
   container: {
     backgroundColor: 'transparent',
     flex: 1,