diff --git a/native/account/qr-auth/secondary-device-qr-code-scanner.react.js b/native/account/qr-auth/secondary-device-qr-code-scanner.react.js
index a7a4c8b77c..f01ec8a119 100644
--- a/native/account/qr-auth/secondary-device-qr-code-scanner.react.js
+++ b/native/account/qr-auth/secondary-device-qr-code-scanner.react.js
@@ -19,6 +19,8 @@ import {
import { useStyles, useColors } from '../../themes/colors.js';
import Alert from '../../utils/alert.js';
import { deviceIsEmulator } from '../../utils/url-utils.js';
+import AuthContainer from '../auth-components/auth-container.react.js';
+import AuthContentContainer from '../auth-components/auth-content-container.react.js';
const barCodeTypes = [BarCodeScanner.Constants.BarCodeType.qr];
@@ -118,21 +120,23 @@ function SecondaryDeviceQRCodeScanner(props: Props): React.Node {
if (deviceIsEmulator) {
return (
-
- QR Code URL
-
-
-
-
+
+
+ QR Code URL
+
+
+
+
+
);
}
// Note: According to the BarCodeScanner Expo docs, we should adhere to two
@@ -167,8 +171,8 @@ const unboundStyles = {
right: 0,
bottom: 0,
},
- textInputContainer: {
- paddingTop: 8,
+ scrollViewContentContainer: {
+ flexGrow: 1,
},
header: {
color: 'panelBackgroundLabel',