[FIX] Incorrect background color login on iPad (#1480)

app/views/LoginSignupView.js

@@ -27,7 +27,8 @@ const styles = StyleSheet.create({
 		paddingVertical: 30
 	},
 	safeArea: {
-		paddingBottom: 30
+		paddingBottom: 30,
+		flex: 1
 	},
 	serviceButton: {
 		borderRadius: 2,
@@ -421,18 +422,22 @@ class LoginSignupView extends React.Component {
 	render() {
 		const { theme } = this.props;
 		return (
-			<ScrollView
+			<SafeAreaView
-				style={[
+				testID='welcome-view'
-					sharedStyles.containerScrollView,
+				forceInset={{ vertical: 'never' }}
-					sharedStyles.container,
+				style={[styles.safeArea, { backgroundColor: themes[theme].backgroundColor }]}
-					styles.container,
-					{ backgroundColor: themes[theme].backgroundColor },
-					isTablet && sharedStyles.tabletScreenContent
-				]}
-				{...scrollPersistTaps}
 			>
-				<StatusBar theme={theme} />
+				<ScrollView
-				<SafeAreaView testID='welcome-view' forceInset={{ vertical: 'never' }} style={styles.safeArea}>
+					style={[
+						sharedStyles.containerScrollView,
+						sharedStyles.container,
+						styles.container,
+						{ backgroundColor: themes[theme].backgroundColor },
+						isTablet && sharedStyles.tabletScreenContent
+					]}
+					{...scrollPersistTaps}
+				>
+					<StatusBar theme={theme} />
 					{this.renderServices()}
 					{this.renderServicesSeparator()}
 					<Button
@@ -449,8 +454,8 @@ class LoginSignupView extends React.Component {
 						theme={theme}
 						testID='welcome-view-register'
 					/>
-				</SafeAreaView>
+				</ScrollView>
-			</ScrollView>
+			</SafeAreaView>
 		);
 	}
 }