diff --git a/app/stacks/MasterDetailStack/ModalContainer.tsx b/app/stacks/MasterDetailStack/ModalContainer.tsx
index aeea3d88..376ff876 100644
--- a/app/stacks/MasterDetailStack/ModalContainer.tsx
+++ b/app/stacks/MasterDetailStack/ModalContainer.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { StyleSheet, TouchableWithoutFeedback, View } from 'react-native';
+import { StyleSheet, TouchableWithoutFeedback, useWindowDimensions, View } from 'react-native';
 import { StackNavigationProp } from '@react-navigation/stack';
 import { NavigationContainerProps } from '@react-navigation/core';
 
@@ -23,11 +23,21 @@ const styles = StyleSheet.create({
 	}
 });
 
-export const ModalContainer = ({ navigation, children, theme }: IModalContainer): JSX.Element => (
-	<View style={[styles.root, { backgroundColor: `${themes[theme].backdropColor}70` }]}>
-		<TouchableWithoutFeedback onPress={() => navigation.pop()}>
-			<View style={styles.backdrop} />
-		</TouchableWithoutFeedback>
-		<View style={sharedStyles.modalFormSheet}>{children}</View>
-	</View>
-);
+export const ModalContainer = ({ navigation, children, theme }: IModalContainer): JSX.Element => {
+	const { height } = useWindowDimensions();
+	const modalHeight = sharedStyles.modalFormSheet.height;
+	return (
+		<View style={[styles.root, { backgroundColor: `${themes[theme].backdropColor}70` }]}>
+			<TouchableWithoutFeedback onPress={() => navigation.pop()}>
+				<View style={styles.backdrop} />
+			</TouchableWithoutFeedback>
+			<View
+				style={{
+					...sharedStyles.modalFormSheet,
+					height: modalHeight > height ? height : modalHeight
+				}}>
+				{children}
+			</View>
+		</View>
+	);
+};