diff --git a/src/CONST.ts b/src/CONST.ts
index a4c330b36cc6..e2613d75003f 100755
--- a/src/CONST.ts
+++ b/src/CONST.ts
@@ -4815,6 +4815,28 @@ const CONST = {
     },
 
     SUBSCRIPTION_SIZE_LIMIT: 20000,
+    SUBSCRIPTION_POSSIBLE_COST_SAVINGS: {
+        COLLECT_PLAN: 10,
+        CONTROL_PLAN: 18,
+    },
+    FEEDBACK_SURVEY_OPTIONS: {
+        TOO_LIMITED: {
+            ID: 'tooLimited',
+            TRANSLATION_KEY: 'feedbackSurvey.tooLimited',
+        },
+        TOO_EXPENSIVE: {
+            ID: 'tooExpensive',
+            TRANSLATION_KEY: 'feedbackSurvey.tooExpensive',
+        },
+        INADEQUATE_SUPPORT: {
+            ID: 'inadequateSupport',
+            TRANSLATION_KEY: 'feedbackSurvey.inadequateSupport',
+        },
+        BUSINESS_CLOSING: {
+            ID: 'businessClosing',
+            TRANSLATION_KEY: 'feedbackSurvey.businessClosing',
+        },
+    },
 } as const;
 
 type Country = keyof typeof CONST.ALL_COUNTRIES;
diff --git a/src/ROUTES.ts b/src/ROUTES.ts
index fd03e3c19e2d..ed20d388bb87 100644
--- a/src/ROUTES.ts
+++ b/src/ROUTES.ts
@@ -104,6 +104,7 @@ const ROUTES = {
     SETTINGS_SUBSCRIPTION: 'settings/subscription',
     SETTINGS_SUBSCRIPTION_SIZE: 'settings/subscription/subscription-size',
     SETTINGS_SUBSCRIPTION_ADD_PAYMENT_CARD: 'settings/subscription/add-payment-card',
+    SETTINGS_SUBSCRIPTION_DISABLE_AUTO_RENEW_SURVEY: 'settings/subscription/disable-auto-renew-survey',
     SETTINGS_PRIORITY_MODE: 'settings/preferences/priority-mode',
     SETTINGS_LANGUAGE: 'settings/preferences/language',
     SETTINGS_THEME: 'settings/preferences/theme',
diff --git a/src/SCREENS.ts b/src/SCREENS.ts
index fd7418aee1c5..9f7277a0ad0f 100644
--- a/src/SCREENS.ts
+++ b/src/SCREENS.ts
@@ -108,6 +108,7 @@ const SCREENS = {
             ROOT: 'Settings_Subscription',
             SIZE: 'Settings_Subscription_Size',
             ADD_PAYMENT_CARD: 'Settings_Subscription_Add_Payment_Card',
+            DISABLE_AUTO_RENEW_SURVEY: 'Settings_Subscription_DisableAutoRenewSurvey',
         },
     },
     SAVE_THE_WORLD: {
diff --git a/src/components/FeedbackSurvey.tsx b/src/components/FeedbackSurvey.tsx
new file mode 100644
index 000000000000..3b7d6475262b
--- /dev/null
+++ b/src/components/FeedbackSurvey.tsx
@@ -0,0 +1,90 @@
+import React, {useState} from 'react';
+import type {StyleProp, ViewStyle} from 'react-native';
+import {View} from 'react-native';
+import useLocalize from '@hooks/useLocalize';
+import useTheme from '@hooks/useTheme';
+import useThemeStyles from '@hooks/useThemeStyles';
+import CONST from '@src/CONST';
+import type {TranslationPaths} from '@src/languages/types';
+import FixedFooter from './FixedFooter';
+import FormAlertWithSubmitButton from './FormAlertWithSubmitButton';
+import SingleOptionSelector from './SingleOptionSelector';
+import Text from './Text';
+
+type FeedbackSurveyProps = {
+    /** Title of the survey */
+    title: string;
+
+    /** Description of the survey */
+    description: string;
+
+    /** Callback to be called when the survey is submitted */
+    onSubmit: (reason: Option) => void;
+
+    /** Styles for the option row element */
+    optionRowStyles?: StyleProp<ViewStyle>;
+};
+
+type Option = {
+    key: string;
+    label: TranslationPaths;
+};
+
+const OPTIONS: Option[] = [
+    {key: CONST.FEEDBACK_SURVEY_OPTIONS.TOO_LIMITED.ID, label: CONST.FEEDBACK_SURVEY_OPTIONS.TOO_LIMITED.TRANSLATION_KEY},
+    {key: CONST.FEEDBACK_SURVEY_OPTIONS.TOO_EXPENSIVE.ID, label: CONST.FEEDBACK_SURVEY_OPTIONS.TOO_EXPENSIVE.TRANSLATION_KEY},
+    {key: CONST.FEEDBACK_SURVEY_OPTIONS.INADEQUATE_SUPPORT.ID, label: CONST.FEEDBACK_SURVEY_OPTIONS.INADEQUATE_SUPPORT.TRANSLATION_KEY},
+    {key: CONST.FEEDBACK_SURVEY_OPTIONS.BUSINESS_CLOSING.ID, label: CONST.FEEDBACK_SURVEY_OPTIONS.BUSINESS_CLOSING.TRANSLATION_KEY},
+];
+
+function FeedbackSurvey({title, description, onSubmit, optionRowStyles}: FeedbackSurveyProps) {
+    const {translate} = useLocalize();
+    const styles = useThemeStyles();
+    const theme = useTheme();
+
+    const selectCircleStyles: StyleProp<ViewStyle> = {borderColor: theme.border};
+    const [reason, setReason] = useState<Option>();
+    const [shouldShowReasonError, setShouldShowReasonError] = useState(false);
+
+    const handleOptionSelect = (option: Option) => {
+        setShouldShowReasonError(false);
+        setReason(option);
+    };
+
+    const handleSubmit = () => {
+        if (!reason) {
+            setShouldShowReasonError(true);
+            return;
+        }
+
+        onSubmit(reason);
+    };
+
+    return (
+        <View style={[styles.flexGrow1, styles.justifyContentBetween]}>
+            <View style={styles.mh5}>
+                <Text style={styles.textHeadline}>{title}</Text>
+                <Text style={[styles.mt1, styles.mb3, styles.textNormalThemeText]}>{description}</Text>
+                <SingleOptionSelector
+                    options={OPTIONS}
+                    optionRowStyles={[styles.mb7, optionRowStyles]}
+                    selectCircleStyles={selectCircleStyles}
+                    selectedOptionKey={reason?.key}
+                    onSelectOption={handleOptionSelect}
+                />
+            </View>
+            <FixedFooter>
+                <FormAlertWithSubmitButton
+                    isAlertVisible={shouldShowReasonError}
+                    onSubmit={handleSubmit}
+                    message="common.error.pleaseCompleteForm"
+                    buttonText={translate('common.submit')}
+                />
+            </FixedFooter>
+        </View>
+    );
+}
+
+FeedbackSurvey.displayName = 'FeedbackSurvey';
+
+export default FeedbackSurvey;
diff --git a/src/components/SingleOptionSelector.tsx b/src/components/SingleOptionSelector.tsx
index 9832167e3f6a..c1088f9cd153 100644
--- a/src/components/SingleOptionSelector.tsx
+++ b/src/components/SingleOptionSelector.tsx
@@ -1,4 +1,5 @@
 import React from 'react';
+import type {StyleProp, ViewStyle} from 'react-native';
 import {View} from 'react-native';
 import useLocalize from '@hooks/useLocalize';
 import useThemeStyles from '@hooks/useThemeStyles';
@@ -22,9 +23,15 @@ type SingleOptionSelectorProps = {
 
     /** Function to be called when an option is selected */
     onSelectOption?: (item: Item) => void;
+
+    /** Styles for the option row element */
+    optionRowStyles?: StyleProp<ViewStyle>;
+
+    /** Styles for the select circle */
+    selectCircleStyles?: StyleProp<ViewStyle>;
 };
 
-function SingleOptionSelector({options = [], selectedOptionKey, onSelectOption = () => {}}: SingleOptionSelectorProps) {
+function SingleOptionSelector({options = [], selectedOptionKey, onSelectOption = () => {}, optionRowStyles, selectCircleStyles}: SingleOptionSelectorProps) {
     const styles = useThemeStyles();
     const {translate} = useLocalize();
     return (
@@ -35,7 +42,7 @@ function SingleOptionSelector({options = [], selectedOptionKey, onSelectOption =
                     key={option.key}
                 >
                     <PressableWithoutFeedback
-                        style={styles.singleOptionSelectorRow}
+                        style={[styles.singleOptionSelectorRow, optionRowStyles]}
                         onPress={() => onSelectOption(option)}
                         role={CONST.ROLE.BUTTON}
                         accessibilityState={{checked: selectedOptionKey === option.key}}
@@ -44,7 +51,7 @@ function SingleOptionSelector({options = [], selectedOptionKey, onSelectOption =
                     >
                         <SelectCircle
                             isChecked={selectedOptionKey ? selectedOptionKey === option.key : false}
-                            selectCircleStyles={[styles.ml0, styles.singleOptionSelectorCircle]}
+                            selectCircleStyles={[styles.ml0, styles.singleOptionSelectorCircle, selectCircleStyles]}
                         />
                         <Text>{translate(option.label)}</Text>
                     </PressableWithoutFeedback>
diff --git a/src/languages/en.ts b/src/languages/en.ts
index 71148ce876e0..d39a9e23ac54 100755
--- a/src/languages/en.ts
+++ b/src/languages/en.ts
@@ -243,6 +243,7 @@ export default {
             enterAmount: 'Enter an amount.',
             enterDate: 'Enter a date.',
             invalidTimeRange: 'Please enter a time using the 12-hour clock format (e.g., 2:30 PM).',
+            pleaseCompleteForm: 'Please complete the form above to continue.',
         },
         comma: 'comma',
         semicolon: 'semicolon',
@@ -3284,5 +3285,23 @@ export default {
             security: 'Expensify is PCI-DSS compliant, uses bank-level encryption, and utilizes redundant infrastructure to protect your data.',
             learnMoreAboutSecurity: 'Learn more about our security.',
         },
+        subscriptionSettings: {
+            title: 'Subscription settings',
+            autoRenew: 'Auto-renew',
+            autoIncrease: 'Auto-increase annual seats',
+            saveUpTo: ({amountSaved}) => `Save up to $${amountSaved}/month per active member`,
+            automaticallyIncrease:
+                'Automatically increase your annual seats to accommodate for active members that exceed your subscription size. Note: This will extend your annual subscription end date.',
+            disableAutoRenew: 'Disable auto-renew',
+            helpUsImprove: 'Help us improve Expensify',
+            whatsMainReason: 'What’s the main reason you’re disabling auto-renew on your subscription?',
+            renewsOn: ({date}) => `Renews on ${date}`,
+        },
+    },
+    feedbackSurvey: {
+        tooLimited: 'Functionality needs improvement',
+        tooExpensive: 'Too expensive',
+        inadequateSupport: 'Inadequate customer support',
+        businessClosing: 'Company closing, downsizing, or acquired',
     },
 } satisfies TranslationBase;
diff --git a/src/languages/es.ts b/src/languages/es.ts
index 0e88abd18860..94251f4e909e 100644
--- a/src/languages/es.ts
+++ b/src/languages/es.ts
@@ -234,6 +234,7 @@ export default {
             enterAmount: 'Introduce un importe.',
             enterDate: 'Introduce una fecha.',
             invalidTimeRange: 'Por favor, introduce una hora entre 1 y 12 (por ejemplo, 2:30 PM).',
+            pleaseCompleteForm: 'Por favor complete el formulario de arriba para continuar..',
         },
         comma: 'la coma',
         semicolon: 'el punto y coma',
@@ -3791,5 +3792,23 @@ export default {
             security: 'Expensify es PCI-DSS obediente, utiliza cifrado a nivel bancario, y emplea infraestructura redundante para proteger tus datos.',
             learnMoreAboutSecurity: 'Conozca más sobre nuestra seguridad.',
         },
+        subscriptionSettings: {
+            title: 'Configuración de suscripción',
+            autoRenew: 'Auto-renovación',
+            autoIncrease: 'Auto-incremento',
+            saveUpTo: ({amountSaved}) => `Ahorre hasta $${amountSaved} al mes por miembro activo`,
+            automaticallyIncrease:
+                'Aumenta automáticamente tus plazas anuales para dar lugar a los miembros activos que superen el tamaño de tu suscripción. Nota: Esto ampliará la fecha de finalización de tu suscripción anual.',
+            disableAutoRenew: 'Desactivar auto-renovación',
+            helpUsImprove: 'Ayúdanos a mejorar Expensify',
+            whatsMainReason: '¿Cuál es la razón principal por la que deseas desactivar la auto-renovación de tu suscripción?',
+            renewsOn: ({date}) => `Se renovará el ${date}`,
+        },
+    },
+    feedbackSurvey: {
+        tooLimited: 'Hay que mejorar la funcionalidad',
+        tooExpensive: 'Demasiado caro',
+        inadequateSupport: 'Atención al cliente inadecuada',
+        businessClosing: 'Cierre, reducción, o adquisición de la empresa',
     },
 } satisfies EnglishTranslation;
diff --git a/src/libs/Navigation/AppNavigator/ModalStackNavigators/index.tsx b/src/libs/Navigation/AppNavigator/ModalStackNavigators/index.tsx
index ecdd97abf648..807c938e21dd 100644
--- a/src/libs/Navigation/AppNavigator/ModalStackNavigators/index.tsx
+++ b/src/libs/Navigation/AppNavigator/ModalStackNavigators/index.tsx
@@ -218,6 +218,7 @@ const SettingsModalStackNavigator = createModalStackNavigator<SettingsNavigatorP
     [SCREENS.SETTINGS.PROFILE.STATUS_CLEAR_AFTER_DATE]: () => require('../../../../pages/settings/Profile/CustomStatus/SetDatePage').default as React.ComponentType,
     [SCREENS.SETTINGS.PROFILE.STATUS_CLEAR_AFTER_TIME]: () => require('../../../../pages/settings/Profile/CustomStatus/SetTimePage').default as React.ComponentType,
     [SCREENS.SETTINGS.SUBSCRIPTION.SIZE]: () => require('../../../../pages/settings/Subscription/SubscriptionSize/SubscriptionSizePage').default as React.ComponentType,
+    [SCREENS.SETTINGS.SUBSCRIPTION.DISABLE_AUTO_RENEW_SURVEY]: () => require('../../../../pages/settings/Subscription/DisableAutoRenewSurveyPage').default as React.ComponentType,
     [SCREENS.WORKSPACE.RATE_AND_UNIT]: () => require('../../../../pages/workspace/reimburse/WorkspaceRateAndUnitPage/InitialPage').default as React.ComponentType,
     [SCREENS.WORKSPACE.RATE_AND_UNIT_RATE]: () => require('../../../../pages/workspace/reimburse/WorkspaceRateAndUnitPage/RatePage').default as React.ComponentType,
     [SCREENS.WORKSPACE.RATE_AND_UNIT_UNIT]: () => require('../../../../pages/workspace/reimburse/WorkspaceRateAndUnitPage/UnitPage').default as React.ComponentType,
diff --git a/src/libs/Navigation/linkingConfig/CENTRAL_PANE_TO_RHP_MAPPING.ts b/src/libs/Navigation/linkingConfig/CENTRAL_PANE_TO_RHP_MAPPING.ts
index af21a02f7da4..c4858d3141f1 100755
--- a/src/libs/Navigation/linkingConfig/CENTRAL_PANE_TO_RHP_MAPPING.ts
+++ b/src/libs/Navigation/linkingConfig/CENTRAL_PANE_TO_RHP_MAPPING.ts
@@ -39,7 +39,7 @@ const CENTRAL_PANE_TO_RHP_MAPPING: Partial<Record<CentralPaneName, string[]>> =
     [SCREENS.SETTINGS.SAVE_THE_WORLD]: [SCREENS.I_KNOW_A_TEACHER, SCREENS.INTRO_SCHOOL_PRINCIPAL, SCREENS.I_AM_A_TEACHER],
     [SCREENS.SETTINGS.TROUBLESHOOT]: [SCREENS.SETTINGS.CONSOLE],
     [SCREENS.SEARCH.CENTRAL_PANE]: [SCREENS.SEARCH.REPORT_RHP],
-    [SCREENS.SETTINGS.SUBSCRIPTION.ROOT]: [SCREENS.SETTINGS.SUBSCRIPTION.ADD_PAYMENT_CARD, SCREENS.SETTINGS.SUBSCRIPTION.SIZE],
+    [SCREENS.SETTINGS.SUBSCRIPTION.ROOT]: [SCREENS.SETTINGS.SUBSCRIPTION.ADD_PAYMENT_CARD, SCREENS.SETTINGS.SUBSCRIPTION.SIZE, SCREENS.SETTINGS.SUBSCRIPTION.DISABLE_AUTO_RENEW_SURVEY],
 };
 
 export default CENTRAL_PANE_TO_RHP_MAPPING;
diff --git a/src/libs/Navigation/linkingConfig/config.ts b/src/libs/Navigation/linkingConfig/config.ts
index 6c570b444d80..bb002ec2c01f 100644
--- a/src/libs/Navigation/linkingConfig/config.ts
+++ b/src/libs/Navigation/linkingConfig/config.ts
@@ -284,6 +284,9 @@ const config: LinkingOptions<RootStackParamList>['config'] = {
                         [SCREENS.SETTINGS.SUBSCRIPTION.SIZE]: {
                             path: ROUTES.SETTINGS_SUBSCRIPTION_SIZE,
                         },
+                        [SCREENS.SETTINGS.SUBSCRIPTION.DISABLE_AUTO_RENEW_SURVEY]: {
+                            path: ROUTES.SETTINGS_SUBSCRIPTION_DISABLE_AUTO_RENEW_SURVEY,
+                        },
                         [SCREENS.WORKSPACE.CURRENCY]: {
                             path: ROUTES.WORKSPACE_PROFILE_CURRENCY.route,
                         },
diff --git a/src/pages/settings/Subscription/DisableAutoRenewSurveyPage/index.native.tsx b/src/pages/settings/Subscription/DisableAutoRenewSurveyPage/index.native.tsx
new file mode 100644
index 000000000000..9d197d2e43b0
--- /dev/null
+++ b/src/pages/settings/Subscription/DisableAutoRenewSurveyPage/index.native.tsx
@@ -0,0 +1,19 @@
+import React from 'react';
+import FullPageNotFoundView from '@components/BlockingViews/FullPageNotFoundView';
+import ScreenWrapper from '@components/ScreenWrapper';
+
+function DisableAutoRenewSurveyPage() {
+    return (
+        <ScreenWrapper
+            testID={DisableAutoRenewSurveyPage.displayName}
+            includeSafeAreaPaddingBottom
+            shouldEnableMaxHeight
+        >
+            <FullPageNotFoundView shouldShow />
+        </ScreenWrapper>
+    );
+}
+
+DisableAutoRenewSurveyPage.displayName = 'DisableAutoRenewSurveyPage';
+
+export default DisableAutoRenewSurveyPage;
diff --git a/src/pages/settings/Subscription/DisableAutoRenewSurveyPage/index.tsx b/src/pages/settings/Subscription/DisableAutoRenewSurveyPage/index.tsx
new file mode 100644
index 000000000000..b470a6ed76a6
--- /dev/null
+++ b/src/pages/settings/Subscription/DisableAutoRenewSurveyPage/index.tsx
@@ -0,0 +1,43 @@
+import React from 'react';
+import FeedbackSurvey from '@components/FeedbackSurvey';
+import HeaderWithBackButton from '@components/HeaderWithBackButton';
+import ScreenWrapper from '@components/ScreenWrapper';
+import ScrollView from '@components/ScrollView';
+import useLocalize from '@hooks/useLocalize';
+import useThemeStyles from '@hooks/useThemeStyles';
+import Navigation from '@libs/Navigation/Navigation';
+
+function DisableAutoRenewSurveyPage() {
+    const {translate} = useLocalize();
+    const styles = useThemeStyles();
+
+    const handleSubmit = () => {
+        // TODO API call to submit feedback will be implemented in next phase
+    };
+
+    return (
+        <ScreenWrapper
+            testID={DisableAutoRenewSurveyPage.displayName}
+            includeSafeAreaPaddingBottom={false}
+            shouldEnablePickerAvoiding={false}
+            shouldEnableMaxHeight
+        >
+            <HeaderWithBackButton
+                title={translate('subscription.subscriptionSettings.disableAutoRenew')}
+                onBackButtonPress={Navigation.goBack}
+            />
+            <ScrollView contentContainerStyle={[styles.flexGrow1, styles.pt3]}>
+                <FeedbackSurvey
+                    title={translate('subscription.subscriptionSettings.helpUsImprove')}
+                    description={translate('subscription.subscriptionSettings.whatsMainReason')}
+                    onSubmit={handleSubmit}
+                    optionRowStyles={styles.flex1}
+                />
+            </ScrollView>
+        </ScreenWrapper>
+    );
+}
+
+DisableAutoRenewSurveyPage.displayName = 'DisableAutoRenewSurveyPage';
+
+export default DisableAutoRenewSurveyPage;
diff --git a/src/pages/settings/Subscription/SubscriptionSettings/index.native.tsx b/src/pages/settings/Subscription/SubscriptionSettings/index.native.tsx
new file mode 100644
index 000000000000..e1443501e2f4
--- /dev/null
+++ b/src/pages/settings/Subscription/SubscriptionSettings/index.native.tsx
@@ -0,0 +1,5 @@
+function SubscriptionSettings() {
+    return null;
+}
+
+export default SubscriptionSettings;
diff --git a/src/pages/settings/Subscription/SubscriptionSettings/index.tsx b/src/pages/settings/Subscription/SubscriptionSettings/index.tsx
new file mode 100644
index 000000000000..c21399e139d3
--- /dev/null
+++ b/src/pages/settings/Subscription/SubscriptionSettings/index.tsx
@@ -0,0 +1,93 @@
+import {format} from 'date-fns';
+import React, {useState} from 'react';
+import type {StyleProp, TextStyle} from 'react-native';
+import {View} from 'react-native';
+import {useOnyx} from 'react-native-onyx';
+import Section from '@components/Section';
+import Text from '@components/Text';
+import useLocalize from '@hooks/useLocalize';
+import useSubscriptionPlan from '@hooks/useSubscriptionPlan';
+import useTheme from '@hooks/useTheme';
+import useThemeStyles from '@hooks/useThemeStyles';
+import Navigation from '@navigation/Navigation';
+import ToggleSettingOptionRow from '@pages/workspace/workflows/ToggleSettingsOptionRow';
+import CONST from '@src/CONST';
+import ONYXKEYS from '@src/ONYXKEYS';
+import ROUTES from '@src/ROUTES';
+
+function SubscriptionSettings() {
+    const {translate} = useLocalize();
+    const styles = useThemeStyles();
+    const theme = useTheme();
+    const subscriptionPlan = useSubscriptionPlan();
+    const [privateSubscription] = useOnyx(ONYXKEYS.NVP_PRIVATE_SUBSCRIPTION);
+
+    const isCollect = subscriptionPlan === CONST.POLICY.TYPE.TEAM;
+
+    // TODO these default state values will come from API in next phase
+    const [autoRenew, setAutoRenew] = useState(true);
+    const [autoIncrease, setAutoIncrease] = useState(false);
+
+    const autoRenewalDate = privateSubscription?.endDate ? format(new Date(`${privateSubscription?.endDate}T00:00:00`), CONST.DATE.MONTH_DAY_YEAR_ABBR_FORMAT) : '';
+
+    // TODO all actions will be implemented in next phase
+    const handleAutoRenewToggle = () => {
+        if (!autoRenew) {
+            // TODO make API call to enable auto renew here
+            setAutoRenew(true);
+            return;
+        }
+        Navigation.navigate(ROUTES.SETTINGS_SUBSCRIPTION_DISABLE_AUTO_RENEW_SURVEY);
+    };
+    const handleAutoIncreaseToggle = () => {
+        // TODO make API call to toggle auto increase here
+        setAutoIncrease(!autoIncrease);
+    };
+
+    if (privateSubscription?.type === CONST.SUBSCRIPTION.TYPE.PAYPERUSE) {
+        return null;
+    }
+
+    const customTitleSecondSentenceStyles: StyleProp<TextStyle> = [styles.textNormal, {color: theme.success}];
+    const customTitle = (
+        <View style={[styles.flexRow, styles.flex1, styles.alignItemsCenter]}>
+            <Text style={[styles.mr1, styles.textNormalThemeText]}>{translate('subscription.subscriptionSettings.autoIncrease')}</Text>
+            <Text style={customTitleSecondSentenceStyles}>
+                {translate('subscription.subscriptionSettings.saveUpTo', {
+                    amountSaved: isCollect ? CONST.SUBSCRIPTION_POSSIBLE_COST_SAVINGS.COLLECT_PLAN : CONST.SUBSCRIPTION_POSSIBLE_COST_SAVINGS.CONTROL_PLAN,
+                })}
+            </Text>
+        </View>
+    );
+
+    return (
+        <Section
+            title={translate('subscription.subscriptionSettings.title')}
+            titleStyles={styles.textStrong}
+            isCentralPane
+        >
+            <View style={styles.mt5}>
+                <ToggleSettingOptionRow
+                    title={translate('subscription.subscriptionSettings.autoRenew')}
+                    switchAccessibilityLabel={translate('subscription.subscriptionSettings.autoRenew')}
+                    onToggle={handleAutoRenewToggle}
+                    isActive={autoRenew}
+                />
+                <Text style={[styles.mutedTextLabel, styles.mt2]}>{translate('subscription.subscriptionSettings.renewsOn', {date: autoRenewalDate})}</Text>
+            </View>
+            <View style={styles.mt3}>
+                <ToggleSettingOptionRow
+                    customTitle={customTitle}
+                    switchAccessibilityLabel={translate('subscription.subscriptionSettings.autoRenew')}
+                    onToggle={handleAutoIncreaseToggle}
+                    isActive={autoIncrease}
+                />
+                <Text style={[styles.mutedTextLabel, styles.mt2]}>{translate('subscription.subscriptionSettings.automaticallyIncrease')}</Text>
+            </View>
+        </Section>
+    );
+}
+
+SubscriptionSettings.displayName = 'SubscriptionSettings';
+
+export default SubscriptionSettings;
diff --git a/src/pages/settings/Subscription/SubscriptionSettingsPage.tsx b/src/pages/settings/Subscription/SubscriptionSettingsPage.tsx
index c93d7a2bf2c8..c0a280f35e99 100644
--- a/src/pages/settings/Subscription/SubscriptionSettingsPage.tsx
+++ b/src/pages/settings/Subscription/SubscriptionSettingsPage.tsx
@@ -16,6 +16,7 @@ import CardSection from './CardSection/CardSection';
 import ReducedFunctionalityMessage from './ReducedFunctionalityMessage';
 import SubscriptionDetails from './SubscriptionDetails';
 import SubscriptionPlan from './SubscriptionPlan';
+import SubscriptionSettings from './SubscriptionSettings';
 
 function SubscriptionSettingsPage() {
     const {shouldUseNarrowLayout} = useResponsiveLayout();
@@ -46,6 +47,7 @@ function SubscriptionSettingsPage() {
                     <CardSection />
                     <SubscriptionPlan />
                     <SubscriptionDetails />
+                    <SubscriptionSettings />
                 </View>
             </ScrollView>
         </ScreenWrapper>
diff --git a/src/pages/workspace/workflows/ToggleSettingsOptionRow.tsx b/src/pages/workspace/workflows/ToggleSettingsOptionRow.tsx
index f40f721bf4c6..719e7ac8a0a7 100644
--- a/src/pages/workspace/workflows/ToggleSettingsOptionRow.tsx
+++ b/src/pages/workspace/workflows/ToggleSettingsOptionRow.tsx
@@ -12,30 +12,46 @@ import type IconAsset from '@src/types/utils/IconAsset';
 type ToggleSettingOptionRowProps = {
     /** Icon to be shown for the option */
     icon?: IconAsset;
+
     /** Title of the option */
-    title: string;
+    title?: string;
+
+    /** Custom title for the option */
+    customTitle?: React.ReactNode;
+
     /** Subtitle of the option */
     subtitle?: string;
+
     /** Accessibility label for the switch */
     switchAccessibilityLabel: string;
+
     /** subtitle should show below switch and title */
     shouldPlaceSubtitleBelowSwitch?: boolean;
+
     /** Used to apply styles to the outermost container */
     wrapperStyle?: StyleProp<ViewStyle>;
+
     /** Used to apply styles to the Title */
     titleStyle?: StyleProp<TextStyle>;
+
     /** Whether the option is enabled or not */
     isActive: boolean;
+
     /** Callback to be called when the switch is toggled */
     onToggle: (isEnabled: boolean) => void;
+
     /** SubMenuItems will be shown when the option is enabled */
     subMenuItems?: React.ReactNode;
+
     /** If there is a pending action, we will grey out the option */
     pendingAction?: PendingAction;
+
     /** Any error message to show */
     errors?: Errors;
+
     /** Callback to close the error messages */
     onCloseError?: () => void;
+
     /** Whether the toggle should be disabled */
     disabled?: boolean;
 
@@ -47,6 +63,7 @@ const ICON_SIZE = 48;
 function ToggleSettingOptionRow({
     icon,
     title,
+    customTitle,
     subtitle,
     switchAccessibilityLabel,
     shouldPlaceSubtitleBelowSwitch,
@@ -87,10 +104,12 @@ function ToggleSettingOptionRow({
                                 additionalStyles={[styles.mr3]}
                             />
                         )}
-                        <View style={[styles.flexColumn, styles.flex1]}>
-                            <Text style={[styles.textNormal, styles.lh20, titleStyle]}>{title}</Text>
-                            {!shouldPlaceSubtitleBelowSwitch && subtitle && subTitleView}
-                        </View>
+                        {customTitle ?? (
+                            <View style={[styles.flexColumn, styles.flex1]}>
+                                <Text style={[styles.textNormal, styles.lh20, titleStyle]}>{title}</Text>
+                                {!shouldPlaceSubtitleBelowSwitch && subtitle && subTitleView}
+                            </View>
+                        )}
                     </View>
                     <Switch
                         accessibilityLabel={switchAccessibilityLabel}