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',