diff --git a/app/containers/TwoFactor/index.tsx b/app/containers/TwoFactor/index.tsx
index 6520d453d60..92b1827f99c 100644
--- a/app/containers/TwoFactor/index.tsx
+++ b/app/containers/TwoFactor/index.tsx
@@ -1,5 +1,5 @@
 import React, { useEffect, useState } from 'react';
-import { AccessibilityInfo, Text, View } from 'react-native';
+import { AccessibilityInfo, Text, View, useWindowDimensions } from 'react-native';
 import isEmpty from 'lodash/isEmpty';
 import { sha256 } from 'js-sha256';
 import Modal from 'react-native-modal';
@@ -66,6 +66,7 @@ const TwoFactor = React.memo(() => {
 		code: yup.string().required(I18n.t('Code_required'))
 	});
 	const { colors } = useTheme();
+	const { height: deviceHeight, width: deviceWidth } = useWindowDimensions();
 	const { isMasterDetail } = useAppSelector(state => ({
 		isMasterDetail: state.app.isMasterDetail as boolean
 	}));
@@ -152,6 +153,9 @@ const TwoFactor = React.memo(() => {
 	const color = colors.fontTitlesLabels;
 	return (
 		<Modal
+			deviceHeight={deviceHeight}
+			deviceWidth={deviceWidth}
+			style={styles.modal}
 			customBackdrop={<View aria-hidden style={[styles.overlay, { backgroundColor: colors.overlayBackground }]} />}
 			avoidKeyboard
 			useNativeDriver
diff --git a/app/containers/TwoFactor/styles.ts b/app/containers/TwoFactor/styles.ts
index c1a401ad7b0..6e7477a994d 100644
--- a/app/containers/TwoFactor/styles.ts
+++ b/app/containers/TwoFactor/styles.ts
@@ -6,6 +6,7 @@ export default StyleSheet.create({
 	container: {
 		flex: 1,
 		justifyContent: 'center',
+		alignItems: 'center',
 		padding: 16
 	},
 	content: {
@@ -51,5 +52,9 @@ export default StyleSheet.create({
 	},
 	containerInput: {
 		marginBottom: 0
+	},
+	modal: {
+		margin: 0,
+		justifyContent: 'center'
 	}
 });