diff --git a/src/pages/tasks/NewTaskDescriptionPage.js b/src/pages/tasks/NewTaskDescriptionPage.js
index c8bd4f8cafd1..0d6f03006263 100644
--- a/src/pages/tasks/NewTaskDescriptionPage.js
+++ b/src/pages/tasks/NewTaskDescriptionPage.js
@@ -2,7 +2,8 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import {View} from 'react-native';
 import {withOnyx} from 'react-native-onyx';
-import Form from '@components/Form';
+import FormProvider from '@components/Form/FormProvider';
+import InputWrapperWithRef from '@components/Form/InputWrapper';
 import HeaderWithBackButton from '@components/HeaderWithBackButton';
 import ScreenWrapper from '@components/ScreenWrapper';
 import TextInput from '@components/TextInput';
@@ -63,7 +64,7 @@ function NewTaskDescriptionPage(props) {
                     onCloseButtonPress={() => Task.dismissModalAndClearOutTaskInfo()}
                     onBackButtonPress={() => Navigation.goBack(ROUTES.NEW_TASK)}
                 />
-                <Form
+                <FormProvider
                     formID={ONYXKEYS.FORMS.NEW_TASK_FORM}
                     submitButtonText={props.translate('common.next')}
                     style={[styles.mh5, styles.flexGrow1]}
@@ -71,7 +72,8 @@ function NewTaskDescriptionPage(props) {
                     enabledWhenOffline
                 >
                     <View style={styles.mb5}>
-                        <TextInput
+                        <InputWrapperWithRef
+                            InputComponent={TextInput}
                             defaultValue={props.task.description}
                             inputID="taskDescription"
                             label={props.translate('newTaskPage.descriptionOptional')}
@@ -87,7 +89,7 @@ function NewTaskDescriptionPage(props) {
                             textAlignVertical="top"
                         />
                     </View>
-                </Form>
+                </FormProvider>
             </>
         </ScreenWrapper>
     );