diff --git a/src/pages/tasks/NewTaskPage.js b/src/pages/tasks/NewTaskPage.js
index 67a6671e103f..cedbbc67db47 100644
--- a/src/pages/tasks/NewTaskPage.js
+++ b/src/pages/tasks/NewTaskPage.js
@@ -163,7 +163,14 @@ function NewTaskPage(props) {
                         Navigation.goBack(ROUTES.NEW_TASK_DETAILS);
                     }}
                 />
-                <ScrollView contentContainerStyle={styles.flexGrow1}>
+                <ScrollView
+                    contentContainerStyle={styles.flexGrow1}
+                    // on iOS, navigation animation sometimes cause the scrollbar to appear
+                    // on middle/left side of scrollview. scrollIndicatorInsets with right
+                    // to closest value to 0 fixes this issue, 0 (default) doesn't work
+                    // See: https://github.com/Expensify/App/issues/31441
+                    scrollIndicatorInsets={{right: Number.MIN_VALUE}}
+                >
                     <View style={[styles.flex1]}>
                         <View style={styles.mb5}>
                             <MenuItemWithTopDescription