[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,6 +422,11 @@ class LoginSignupView extends React.Component {
 	render() {
 		const { theme } = this.props;
 		return (
+			<SafeAreaView
+				testID='welcome-view'
+				forceInset={{ vertical: 'never' }}
+				style={[styles.safeArea, { backgroundColor: themes[theme].backgroundColor }]}
+			>
 				<ScrollView
 					style={[
 						sharedStyles.containerScrollView,
@@ -432,7 +438,6 @@ class LoginSignupView extends React.Component {
 					{...scrollPersistTaps}
 				>
 					<StatusBar theme={theme} />
-				<SafeAreaView testID='welcome-view' forceInset={{ vertical: 'never' }} style={styles.safeArea}>
 					{this.renderServices()}
 					{this.renderServicesSeparator()}
 					<Button
@@ -449,8 +454,8 @@ class LoginSignupView extends React.Component {
 						theme={theme}
 						testID='welcome-view-register'
 					/>
-				</SafeAreaView>
 				</ScrollView>
+			</SafeAreaView>
 		);
 	}
 }