diff --git a/src/components/AvatarCropModal/AvatarCropModal.tsx b/src/components/AvatarCropModal/AvatarCropModal.tsx
index 81dd069e5ae8..debb7b7b244c 100644
--- a/src/components/AvatarCropModal/AvatarCropModal.tsx
+++ b/src/components/AvatarCropModal/AvatarCropModal.tsx
@@ -382,11 +382,11 @@ function AvatarCropModal({imageUri = '', imageName = '', imageType = '', onClose
                     onBackButtonPress={onClose}
                 />
                 <Text style={[styles.mh5]}>{translate('avatarCropModal.description')}</Text>
-                <View
-                    style={[styles.flex1, styles.m5, styles.alignSelfStretch]}
-                    onLayout={initializeImageContainer}
-                >
-                    <GestureHandlerRootView style={[styles.flex1, styles.alignItemsCenter]}>
+                <GestureHandlerRootView style={[styles.flex1]}>
+                    <View
+                        style={[styles.flex1, styles.m5, styles.alignSelfStretch, styles.alignItemsCenter]}
+                        onLayout={initializeImageContainer}
+                    >
                         {/* To avoid layout shift we should hide this component until the image container & image is initialized */}
                         {!isImageInitialized || !isImageContainerInitialized ? (
                             <ActivityIndicator
@@ -450,8 +450,8 @@ function AvatarCropModal({imageUri = '', imageName = '', imageType = '', onClose
                                 </View>
                             </>
                         )}
-                    </GestureHandlerRootView>
-                </View>
+                    </View>
+                </GestureHandlerRootView>
                 <Button
                     success
                     style={[styles.m5]}