diff --git a/src/CONST.ts b/src/CONST.ts
index c3e61c0c75d8..be2f9506cdfe 100755
--- a/src/CONST.ts
+++ b/src/CONST.ts
@@ -4065,6 +4065,10 @@ const CONST = {
     SESSION_STORAGE_KEYS: {
         INITIAL_URL: 'INITIAL_URL',
     },
+
+    TAX_RATES: {
+        NAME_MAX_LENGTH: 50,
+    },
 } as const;
 
 type Country = keyof typeof CONST.ALL_COUNTRIES;
diff --git a/src/ONYXKEYS.ts b/src/ONYXKEYS.ts
index d7f3104cd8b4..f2a0caadf4ae 100755
--- a/src/ONYXKEYS.ts
+++ b/src/ONYXKEYS.ts
@@ -411,6 +411,8 @@ const ONYXKEYS = {
         EXIT_SURVEY_RESPONSE_FORM_DRAFT: 'exitSurveyResponseFormDraft',
         POLICY_TAG_NAME_FORM: 'policyTagNameForm',
         POLICY_TAG_NAME_FORM_DRAFT: 'policyTagNameFormDraft',
+        WORKSPACE_NEW_TAX_FORM: 'workspaceNewTaxForm',
+        WORKSPACE_NEW_TAX_FORM_DRAFT: 'workspaceNewTaxFormDraft',
     },
 } as const;
 
@@ -458,6 +460,7 @@ type OnyxFormValuesMapping = {
     [ONYXKEYS.FORMS.PERSONAL_BANK_ACCOUNT]: FormTypes.PersonalBankAccountForm;
     [ONYXKEYS.FORMS.WORKSPACE_DESCRIPTION_FORM]: FormTypes.WorkspaceDescriptionForm;
     [ONYXKEYS.FORMS.POLICY_TAG_NAME_FORM]: FormTypes.PolicyTagNameForm;
+    [ONYXKEYS.FORMS.WORKSPACE_NEW_TAX_FORM]: FormTypes.WorkspaceNewTaxForm;
     [ONYXKEYS.FORMS.POLICY_CREATE_DISTANCE_RATE_FORM]: FormTypes.PolicyCreateDistanceRateForm;
 };
 
diff --git a/src/ROUTES.ts b/src/ROUTES.ts
index 7dc6785f444f..abfb1bee0aa0 100644
--- a/src/ROUTES.ts
+++ b/src/ROUTES.ts
@@ -592,6 +592,10 @@ const ROUTES = {
         route: 'settings/workspaces/:policyID/members/:accountID/role-selection',
         getRoute: (policyID: string, accountID: number, backTo?: string) => getUrlWithBackToParam(`settings/workspaces/${policyID}/members/${accountID}/role-selection`, backTo),
     },
+    WORKSPACE_TAX_CREATE: {
+        route: 'settings/workspaces/:policyID/taxes/new',
+        getRoute: (policyID: string) => `settings/workspaces/${policyID}/taxes/new` as const,
+    },
     WORKSPACE_DISTANCE_RATES: {
         route: 'settings/workspaces/:policyID/distance-rates',
         getRoute: (policyID: string) => `settings/workspaces/${policyID}/distance-rates` as const,
diff --git a/src/SCREENS.ts b/src/SCREENS.ts
index 34c7212e7f31..2e44076bffee 100644
--- a/src/SCREENS.ts
+++ b/src/SCREENS.ts
@@ -216,6 +216,7 @@ const SCREENS = {
         TAGS_SETTINGS: 'Tags_Settings',
         TAGS_EDIT: 'Tags_Edit',
         TAXES: 'Workspace_Taxes',
+        TAX_CREATE: 'Workspace_Tax_Create',
         TAG_CREATE: 'Tag_Create',
         TAG_SETTINGS: 'Tag_Settings',
         CURRENCY: 'Workspace_Profile_Currency',
diff --git a/src/components/AmountForm.tsx b/src/components/AmountForm.tsx
index 8ae8f0674012..48035dd884bd 100644
--- a/src/components/AmountForm.tsx
+++ b/src/components/AmountForm.tsx
@@ -12,8 +12,9 @@ import * as MoneyRequestUtils from '@libs/MoneyRequestUtils';
 import CONST from '@src/CONST';
 import BigNumberPad from './BigNumberPad';
 import FormHelpMessage from './FormHelpMessage';
-import type {BaseTextInputRef} from './TextInput/BaseTextInput/types';
+import type {BaseTextInputProps, BaseTextInputRef} from './TextInput/BaseTextInput/types';
 import TextInputWithCurrencySymbol from './TextInputWithCurrencySymbol';
+import type TextInputWithCurrencySymbolProps from './TextInputWithCurrencySymbol/types';
 
 type AmountFormProps = {
     /** Amount supplied by the FormProvider */
@@ -36,7 +37,8 @@ type AmountFormProps = {
 
     /** Whether the currency symbol is pressable */
     isCurrencyPressable?: boolean;
-};
+} & Pick<TextInputWithCurrencySymbolProps, 'hideCurrencySymbol' | 'extraSymbol'> &
+    Pick<BaseTextInputProps, 'autoFocus'>;
 
 /**
  * Returns the new selection object based on the updated amount's length
@@ -51,7 +53,7 @@ const NUM_PAD_CONTAINER_VIEW_ID = 'numPadContainerView';
 const NUM_PAD_VIEW_ID = 'numPadView';
 
 function AmountForm(
-    {value: amount, currency = CONST.CURRENCY.USD, extraDecimals = 0, errorText, onInputChange, onCurrencyButtonPress, isCurrencyPressable = true}: AmountFormProps,
+    {value: amount, currency = CONST.CURRENCY.USD, extraDecimals = 0, errorText, onInputChange, onCurrencyButtonPress, isCurrencyPressable = true, ...rest}: AmountFormProps,
     forwardedRef: ForwardedRef<BaseTextInputRef>,
 ) {
     const styles = useThemeStyles();
@@ -214,6 +216,8 @@ function AmountForm(
                     }}
                     onKeyPress={textInputKeyPress}
                     isCurrencyPressable={isCurrencyPressable}
+                    // eslint-disable-next-line react/jsx-props-no-spreading
+                    {...rest}
                 />
                 {!!errorText && (
                     <FormHelpMessage
@@ -243,3 +247,4 @@ function AmountForm(
 AmountForm.displayName = 'AmountForm';
 
 export default forwardRef(AmountForm);
+export type {AmountFormProps};
diff --git a/src/components/AmountPicker/AmountSelectorModal.tsx b/src/components/AmountPicker/AmountSelectorModal.tsx
new file mode 100644
index 000000000000..949718a07af7
--- /dev/null
+++ b/src/components/AmountPicker/AmountSelectorModal.tsx
@@ -0,0 +1,64 @@
+import React, {useState} from 'react';
+import {View} from 'react-native';
+import AmountForm from '@components/AmountForm';
+import Button from '@components/Button';
+import HeaderWithBackButton from '@components/HeaderWithBackButton';
+import Modal from '@components/Modal';
+import ScreenWrapper from '@components/ScreenWrapper';
+import ScrollView from '@components/ScrollView';
+import useLocalize from '@hooks/useLocalize';
+import useThemeStyles from '@hooks/useThemeStyles';
+import CONST from '@src/CONST';
+import type {AmountSelectorModalProps} from './types';
+
+function AmountSelectorModal({value, description = '', onValueSelected, isVisible, onClose, ...rest}: AmountSelectorModalProps) {
+    const {translate} = useLocalize();
+    const styles = useThemeStyles();
+
+    const [currentValue, setValue] = useState(value);
+
+    return (
+        <Modal
+            type={CONST.MODAL.MODAL_TYPE.RIGHT_DOCKED}
+            isVisible={isVisible}
+            onClose={onClose}
+            onModalHide={onClose}
+            hideModalContentWhileAnimating
+            useNativeDriver
+        >
+            <ScreenWrapper
+                includePaddingTop={false}
+                includeSafeAreaPaddingBottom={false}
+                testID={AmountSelectorModal.displayName}
+                shouldEnableMaxHeight
+            >
+                <HeaderWithBackButton
+                    title={description}
+                    onBackButtonPress={onClose}
+                />
+                <ScrollView contentContainerStyle={[styles.flex1, styles.mh5, styles.mb5]}>
+                    <View style={styles.flex1}>
+                        <AmountForm
+                            // eslint-disable-next-line react/jsx-props-no-spreading
+                            {...rest}
+                            autoFocus
+                            value={currentValue}
+                            onInputChange={setValue}
+                        />
+                    </View>
+                    <Button
+                        success
+                        large
+                        pressOnEnter
+                        text={translate('common.save')}
+                        onPress={() => onValueSelected?.(currentValue ?? '')}
+                    />
+                </ScrollView>
+            </ScreenWrapper>
+        </Modal>
+    );
+}
+
+AmountSelectorModal.displayName = 'AmountSelectorModal';
+
+export default AmountSelectorModal;
diff --git a/src/components/AmountPicker/index.tsx b/src/components/AmountPicker/index.tsx
new file mode 100644
index 000000000000..701c75175c02
--- /dev/null
+++ b/src/components/AmountPicker/index.tsx
@@ -0,0 +1,65 @@
+import React, {forwardRef, useState} from 'react';
+import type {ForwardedRef} from 'react';
+import {View} from 'react-native';
+import FormHelpMessage from '@components/FormHelpMessage';
+import MenuItemWithTopDescription from '@components/MenuItemWithTopDescription';
+import useStyleUtils from '@hooks/useStyleUtils';
+import useThemeStyles from '@hooks/useThemeStyles';
+import variables from '@styles/variables';
+import callOrReturn from '@src/types/utils/callOrReturn';
+import AmountSelectorModal from './AmountSelectorModal';
+import type {AmountPickerProps} from './types';
+
+function AmountPicker({value, description, title, errorText = '', onInputChange, furtherDetails, rightLabel, ...rest}: AmountPickerProps, forwardedRef: ForwardedRef<View>) {
+    const styles = useThemeStyles();
+    const StyleUtils = useStyleUtils();
+    const [isPickerVisible, setIsPickerVisible] = useState(false);
+
+    const showPickerModal = () => {
+        setIsPickerVisible(true);
+    };
+
+    const hidePickerModal = () => {
+        setIsPickerVisible(false);
+    };
+
+    const updateInput = (updatedValue: string) => {
+        if (updatedValue !== value) {
+            onInputChange?.(updatedValue);
+        }
+        hidePickerModal();
+    };
+
+    const descStyle = !value || value.length === 0 ? StyleUtils.getFontSizeStyle(variables.fontSizeLabel) : null;
+
+    return (
+        <View>
+            <MenuItemWithTopDescription
+                ref={forwardedRef}
+                shouldShowRightIcon
+                title={callOrReturn(title, value)}
+                descriptionTextStyle={descStyle}
+                description={description}
+                onPress={showPickerModal}
+                furtherDetails={furtherDetails}
+                rightLabel={rightLabel}
+            />
+            <View style={styles.ml5}>
+                <FormHelpMessage message={errorText} />
+            </View>
+            <AmountSelectorModal
+                // eslint-disable-next-line react/jsx-props-no-spreading
+                {...rest}
+                value={value}
+                isVisible={isPickerVisible}
+                description={description}
+                onClose={hidePickerModal}
+                onValueSelected={updateInput}
+            />
+        </View>
+    );
+}
+
+AmountPicker.displayName = 'AmountPicker';
+
+export default forwardRef(AmountPicker);
diff --git a/src/components/AmountPicker/types.ts b/src/components/AmountPicker/types.ts
new file mode 100644
index 000000000000..f7025685d840
--- /dev/null
+++ b/src/components/AmountPicker/types.ts
@@ -0,0 +1,40 @@
+import type {AmountFormProps} from '@components/AmountForm';
+import type {MenuItemBaseProps} from '@components/MenuItem';
+import type {MaybePhraseKey} from '@libs/Localize';
+
+type AmountSelectorModalProps = {
+    /** Whether the modal is visible */
+    isVisible: boolean;
+
+    /** Current value */
+    value?: string;
+
+    /** Function to call when the user selects a item */
+    onValueSelected?: (value: string) => void;
+
+    /** Function to call when the user closes the modal */
+    onClose: () => void;
+} & Pick<MenuItemBaseProps, 'description'>;
+
+type AmountPickerProps = {
+    /** Item to display */
+    value?: string;
+
+    /** A placeholder value to display */
+    title?: string | ((value?: string) => string);
+
+    /** Form Error description */
+    errorText?: MaybePhraseKey;
+
+    /** Callback to call when the input changes */
+    onInputChange?: (value: string | undefined) => void;
+
+    /** Text to display under the main menu item */
+    furtherDetails?: string;
+
+    /** Whether to show the tooltip text */
+    shouldShowTooltips?: boolean;
+} & Pick<MenuItemBaseProps, 'rightLabel' | 'description'> &
+    AmountFormProps;
+
+export type {AmountSelectorModalProps, AmountPickerProps};
diff --git a/src/components/AmountTextInput.tsx b/src/components/AmountTextInput.tsx
index aff3ff5b5e39..6842a3e1d335 100644
--- a/src/components/AmountTextInput.tsx
+++ b/src/components/AmountTextInput.tsx
@@ -5,7 +5,7 @@ import useThemeStyles from '@hooks/useThemeStyles';
 import CONST from '@src/CONST';
 import type {TextSelection} from './Composer/types';
 import TextInput from './TextInput';
-import type {BaseTextInputRef} from './TextInput/BaseTextInput/types';
+import type {BaseTextInputProps, BaseTextInputRef} from './TextInput/BaseTextInput/types';
 
 type AmountTextInputProps = {
     /** Formatted amount in local currency  */
@@ -31,10 +31,10 @@ type AmountTextInputProps = {
 
     /** Function to call to handle key presses in the text input */
     onKeyPress?: (event: NativeSyntheticEvent<KeyboardEvent>) => void;
-};
+} & Pick<BaseTextInputProps, 'autoFocus'>;
 
 function AmountTextInput(
-    {formattedAmount, onChangeAmount, placeholder, selection, onSelectionChange, style, touchableInputWrapperStyle, onKeyPress}: AmountTextInputProps,
+    {formattedAmount, onChangeAmount, placeholder, selection, onSelectionChange, style, touchableInputWrapperStyle, onKeyPress, ...rest}: AmountTextInputProps,
     ref: ForwardedRef<BaseTextInputRef>,
 ) {
     const styles = useThemeStyles();
@@ -57,6 +57,8 @@ function AmountTextInput(
             role={CONST.ROLE.PRESENTATION}
             onKeyPress={onKeyPress as (event: NativeSyntheticEvent<TextInputKeyPressEventData>) => void}
             touchableInputWrapperStyle={touchableInputWrapperStyle}
+            // eslint-disable-next-line react/jsx-props-no-spreading
+            {...rest}
         />
     );
 }
diff --git a/src/components/Form/types.ts b/src/components/Form/types.ts
index 8df5c0287d3b..7b50bf31aa86 100644
--- a/src/components/Form/types.ts
+++ b/src/components/Form/types.ts
@@ -4,6 +4,7 @@ import type {ValueOf} from 'type-fest';
 import type AddPlaidBankAccount from '@components/AddPlaidBankAccount';
 import type AddressSearch from '@components/AddressSearch';
 import type AmountForm from '@components/AmountForm';
+import type AmountPicker from '@components/AmountPicker';
 import type AmountTextInput from '@components/AmountTextInput';
 import type CheckboxWithLabel from '@components/CheckboxWithLabel';
 import type CountrySelector from '@components/CountrySelector';
@@ -14,6 +15,7 @@ import type RoomNameInput from '@components/RoomNameInput';
 import type SingleChoiceQuestion from '@components/SingleChoiceQuestion';
 import type StatePicker from '@components/StatePicker';
 import type TextInput from '@components/TextInput';
+import type TextPicker from '@components/TextPicker';
 import type ValuePicker from '@components/ValuePicker';
 import type {MaybePhraseKey} from '@libs/Localize';
 import type BusinessTypePicker from '@pages/ReimbursementAccount/BusinessInfo/substeps/TypeBusiness/BusinessTypePicker';
@@ -43,6 +45,8 @@ type ValidInputs =
     | typeof ValuePicker
     | typeof DatePicker
     | typeof RadioButtons
+    | typeof AmountPicker
+    | typeof TextPicker
     | typeof AddPlaidBankAccount;
 
 type ValueTypeKey = 'string' | 'boolean' | 'date' | 'country';
diff --git a/src/components/MultipleAvatars.tsx b/src/components/MultipleAvatars.tsx
index ba1a5351117b..98bc47e41bbe 100644
--- a/src/components/MultipleAvatars.tsx
+++ b/src/components/MultipleAvatars.tsx
@@ -46,7 +46,7 @@ type MultipleAvatarsProps = {
     /** Whether avatars are displayed within a reportAction */
     isInReportAction?: boolean;
 
-    /** Whether to show the toolip text */
+    /** Whether to show the tooltip text */
     shouldShowTooltip?: boolean;
 
     /** Whether avatars are displayed with the highlighted background color instead of the app background color. This is primarily the case for IOU previews. */
diff --git a/src/components/SelectionList/selectionListPropTypes.js b/src/components/SelectionList/selectionListPropTypes.js
index f5178112a4c3..45ed1a865d33 100644
--- a/src/components/SelectionList/selectionListPropTypes.js
+++ b/src/components/SelectionList/selectionListPropTypes.js
@@ -190,7 +190,7 @@ const propTypes = {
     /** Custom content to display in the footer */
     footerContent: PropTypes.oneOfType([PropTypes.func, PropTypes.node]),
 
-    /** Whether to show the toolip text */
+    /** Whether to show the tooltip text */
     shouldShowTooltips: PropTypes.bool,
 
     /** Whether to use dynamic maxToRenderPerBatch depending on the visible number of elements */
diff --git a/src/components/TextInputWithCurrencySymbol/BaseTextInputWithCurrencySymbol.tsx b/src/components/TextInputWithCurrencySymbol/BaseTextInputWithCurrencySymbol.tsx
index b6509d5c3f47..5ea8d140c6a0 100644
--- a/src/components/TextInputWithCurrencySymbol/BaseTextInputWithCurrencySymbol.tsx
+++ b/src/components/TextInputWithCurrencySymbol/BaseTextInputWithCurrencySymbol.tsx
@@ -20,6 +20,9 @@ function BaseTextInputWithCurrencySymbol(
         onSelectionChange = () => {},
         onKeyPress = () => {},
         isCurrencyPressable = true,
+        hideCurrencySymbol = false,
+        extraSymbol,
+        ...rest
     }: TextInputWithCurrencySymbolProps,
     ref: React.ForwardedRef<BaseTextInputRef>,
 ) {
@@ -28,7 +31,7 @@ function BaseTextInputWithCurrencySymbol(
     const isCurrencySymbolLTR = CurrencyUtils.isCurrencySymbolLTR(selectedCurrencyCode);
     const styles = useThemeStyles();
 
-    const currencySymbolButton = (
+    const currencySymbolButton = !hideCurrencySymbol && (
         <CurrencySymbolButton
             currencySymbol={currencySymbol ?? ''}
             onCurrencyButtonPress={onCurrencyButtonPress}
@@ -58,6 +61,8 @@ function BaseTextInputWithCurrencySymbol(
             }}
             onKeyPress={onKeyPress}
             style={styles.pr1}
+            // eslint-disable-next-line react/jsx-props-no-spreading
+            {...rest}
         />
     );
 
@@ -66,6 +71,7 @@ function BaseTextInputWithCurrencySymbol(
             <>
                 {currencySymbolButton}
                 {amountTextInput}
+                {extraSymbol}
             </>
         );
     }
@@ -74,6 +80,7 @@ function BaseTextInputWithCurrencySymbol(
         <>
             {amountTextInput}
             {currencySymbolButton}
+            {extraSymbol}
         </>
     );
 }
diff --git a/src/components/TextInputWithCurrencySymbol/types.ts b/src/components/TextInputWithCurrencySymbol/types.ts
index 5cd088a10edb..753d957221b2 100644
--- a/src/components/TextInputWithCurrencySymbol/types.ts
+++ b/src/components/TextInputWithCurrencySymbol/types.ts
@@ -1,5 +1,6 @@
 import type {NativeSyntheticEvent, TextInputSelectionChangeEventData} from 'react-native';
 import type {TextSelection} from '@components/Composer/types';
+import type {BaseTextInputProps} from '@components/TextInput/BaseTextInput/types';
 
 type TextInputWithCurrencySymbolProps = {
     /** Formatted amount in local currency  */
@@ -28,6 +29,12 @@ type TextInputWithCurrencySymbolProps = {
 
     /** Whether the currency symbol is pressable */
     isCurrencyPressable: boolean;
-};
+
+    /** Whether to hide the currency symbol */
+    hideCurrencySymbol?: boolean;
+
+    /** Extra symbol to display */
+    extraSymbol?: React.ReactNode;
+} & Pick<BaseTextInputProps, 'autoFocus'>;
 
 export default TextInputWithCurrencySymbolProps;
diff --git a/src/components/TextPicker/TextSelectorModal.tsx b/src/components/TextPicker/TextSelectorModal.tsx
new file mode 100644
index 000000000000..d7d621ff46cf
--- /dev/null
+++ b/src/components/TextPicker/TextSelectorModal.tsx
@@ -0,0 +1,63 @@
+import React, {useState} from 'react';
+import {View} from 'react-native';
+import Button from '@components/Button';
+import HeaderWithBackButton from '@components/HeaderWithBackButton';
+import Modal from '@components/Modal';
+import ScreenWrapper from '@components/ScreenWrapper';
+import ScrollView from '@components/ScrollView';
+import TextInput from '@components/TextInput';
+import useLocalize from '@hooks/useLocalize';
+import useThemeStyles from '@hooks/useThemeStyles';
+import CONST from '@src/CONST';
+import type {TextSelectorModalProps} from './types';
+
+function TextSelectorModal({value, description = '', onValueSelected, isVisible, onClose, ...rest}: TextSelectorModalProps) {
+    const {translate} = useLocalize();
+    const styles = useThemeStyles();
+
+    const [currentValue, setValue] = useState(value);
+
+    return (
+        <Modal
+            type={CONST.MODAL.MODAL_TYPE.RIGHT_DOCKED}
+            isVisible={isVisible}
+            onClose={onClose}
+            onModalHide={onClose}
+            hideModalContentWhileAnimating
+            useNativeDriver
+        >
+            <ScreenWrapper
+                includePaddingTop={false}
+                includeSafeAreaPaddingBottom={false}
+                testID={TextSelectorModal.displayName}
+                shouldEnableMaxHeight
+            >
+                <HeaderWithBackButton
+                    title={description}
+                    onBackButtonPress={onClose}
+                />
+                <ScrollView contentContainerStyle={[styles.flex1, styles.mh5, styles.mb5]}>
+                    <View style={styles.flex1}>
+                        <TextInput
+                            // eslint-disable-next-line react/jsx-props-no-spreading
+                            {...rest}
+                            value={currentValue}
+                            onInputChange={setValue}
+                        />
+                    </View>
+                    <Button
+                        success
+                        large
+                        pressOnEnter
+                        text={translate('common.save')}
+                        onPress={() => onValueSelected?.(currentValue ?? '')}
+                    />
+                </ScrollView>
+            </ScreenWrapper>
+        </Modal>
+    );
+}
+
+TextSelectorModal.displayName = 'TextSelectorModal';
+
+export default TextSelectorModal;
diff --git a/src/components/TextPicker/index.tsx b/src/components/TextPicker/index.tsx
new file mode 100644
index 000000000000..00c22e8b75ee
--- /dev/null
+++ b/src/components/TextPicker/index.tsx
@@ -0,0 +1,65 @@
+import React, {forwardRef, useState} from 'react';
+import type {ForwardedRef} from 'react';
+import {View} from 'react-native';
+import FormHelpMessage from '@components/FormHelpMessage';
+import MenuItemWithTopDescription from '@components/MenuItemWithTopDescription';
+import useStyleUtils from '@hooks/useStyleUtils';
+import useThemeStyles from '@hooks/useThemeStyles';
+import variables from '@styles/variables';
+import TextSelectorModal from './TextSelectorModal';
+import type {TextPickerProps} from './types';
+
+function TextPicker({value, description, placeholder = '', errorText = '', onInputChange, furtherDetails, rightLabel, ...rest}: TextPickerProps, forwardedRef: ForwardedRef<View>) {
+    const styles = useThemeStyles();
+    const StyleUtils = useStyleUtils();
+    const [isPickerVisible, setIsPickerVisible] = useState(false);
+
+    const showPickerModal = () => {
+        setIsPickerVisible(true);
+    };
+
+    const hidePickerModal = () => {
+        setIsPickerVisible(false);
+    };
+
+    const updateInput = (updatedValue: string) => {
+        if (updatedValue !== value) {
+            onInputChange?.(updatedValue);
+        }
+        hidePickerModal();
+    };
+
+    const descStyle = !value || value.length === 0 ? StyleUtils.getFontSizeStyle(variables.fontSizeLabel) : null;
+
+    return (
+        <View>
+            <MenuItemWithTopDescription
+                ref={forwardedRef}
+                shouldShowRightIcon
+                title={value ?? placeholder ?? ''}
+                descriptionTextStyle={descStyle}
+                description={description}
+                onPress={showPickerModal}
+                furtherDetails={furtherDetails}
+                rightLabel={rightLabel}
+                style={[styles.moneyRequestMenuItem]}
+            />
+            <View style={styles.ml5}>
+                <FormHelpMessage message={errorText} />
+            </View>
+            <TextSelectorModal
+                value={value}
+                isVisible={isPickerVisible}
+                description={description}
+                onClose={hidePickerModal}
+                onValueSelected={updateInput}
+                // eslint-disable-next-line react/jsx-props-no-spreading
+                {...rest}
+            />
+        </View>
+    );
+}
+
+TextPicker.displayName = 'TextPicker';
+
+export default forwardRef(TextPicker);
diff --git a/src/components/TextPicker/types.ts b/src/components/TextPicker/types.ts
new file mode 100644
index 000000000000..179d16a07262
--- /dev/null
+++ b/src/components/TextPicker/types.ts
@@ -0,0 +1,46 @@
+import type {MenuItemBaseProps} from '@components/MenuItem';
+import type {BaseTextInputProps} from '@components/TextInput/BaseTextInput/types';
+import type {MaybePhraseKey} from '@libs/Localize';
+
+type TextProps = Exclude<BaseTextInputProps, 'value' | 'onInputChange'>;
+
+type TextSelectorModalProps = {
+    /** Whether the modal is visible */
+    isVisible: boolean;
+
+    /** Current value */
+    value?: string;
+
+    /** Function to call when the user selects a item */
+    onValueSelected?: (value: string) => void;
+
+    /** Function to call when the user closes the modal */
+    onClose: () => void;
+
+    /** Whether to show the tooltip text */
+    shouldShowTooltips?: boolean;
+} & Pick<MenuItemBaseProps, 'description'> &
+    TextProps;
+
+type TextPickerProps = {
+    /** Item to display */
+    value?: string;
+
+    /** A placeholder value to display */
+    placeholder?: string;
+
+    /** Form Error description */
+    errorText?: MaybePhraseKey;
+
+    /** Callback to call when the input changes */
+    onInputChange?: (value: string | undefined) => void;
+
+    /** Text to display under the main menu item */
+    furtherDetails?: string;
+
+    /** Whether to show the tooltip text */
+    shouldShowTooltips?: boolean;
+} & Pick<MenuItemBaseProps, 'rightLabel' | 'description'> &
+    TextProps;
+
+export type {TextSelectorModalProps, TextPickerProps};
diff --git a/src/components/TextWithTooltip/types.ts b/src/components/TextWithTooltip/types.ts
index 8169df911945..4705e2b69a68 100644
--- a/src/components/TextWithTooltip/types.ts
+++ b/src/components/TextWithTooltip/types.ts
@@ -4,7 +4,7 @@ type TextWithTooltipProps = {
     /** The text to display */
     text: string;
 
-    /** Whether to show the toolip text */
+    /** Whether to show the tooltip text */
     shouldShowTooltip: boolean;
 
     /** Additional styles */
diff --git a/src/components/ValuePicker/ValueSelectorModal.tsx b/src/components/ValuePicker/ValueSelectorModal.tsx
index fad59d4e48e4..fda077898c78 100644
--- a/src/components/ValuePicker/ValueSelectorModal.tsx
+++ b/src/components/ValuePicker/ValueSelectorModal.tsx
@@ -29,7 +29,7 @@ function ValueSelectorModal({items = [], selectedItem, label = '', isVisible, on
                 style={styles.pb0}
                 includePaddingTop={false}
                 includeSafeAreaPaddingBottom={false}
-                testID="ValueSelectorModal"
+                testID={ValueSelectorModal.displayName}
             >
                 <HeaderWithBackButton
                     title={label}
diff --git a/src/components/ValuePicker/types.ts b/src/components/ValuePicker/types.ts
index c7df88bc7417..23f0d78493a8 100644
--- a/src/components/ValuePicker/types.ts
+++ b/src/components/ValuePicker/types.ts
@@ -30,7 +30,7 @@ type ValueSelectorModalProps = {
     /** Function to call when the user closes the modal */
     onClose?: () => void;
 
-    /** Whether to show the toolip text */
+    /** Whether to show the tooltip text */
     shouldShowTooltips?: boolean;
 };
 
@@ -56,7 +56,7 @@ type ValuePickerProps = {
     /** Text to display under the main menu item */
     furtherDetails?: string;
 
-    /** Whether to show the toolip text */
+    /** Whether to show the tooltip text */
     shouldShowTooltips?: boolean;
 };
 
diff --git a/src/languages/en.ts b/src/languages/en.ts
index a80889ef7857..1bcb52345e62 100755
--- a/src/languages/en.ts
+++ b/src/languages/en.ts
@@ -1856,6 +1856,12 @@ export default {
             addRate: 'Add rate',
             workspaceDefault: 'Workspace currency default',
             foreignDefault: 'Foreign currency default',
+            value: 'Value',
+            errors: {
+                taxRateAlreadyExists: 'This tax name is already in use.',
+                valuePercentageRange: 'Please enter a valid percentage between 0 and 100.',
+                genericFailureMessage: 'An error occurred while updating the tax rate, please try again.',
+            },
         },
         emptyWorkspace: {
             title: 'Create a workspace',
diff --git a/src/languages/es.ts b/src/languages/es.ts
index 4660b57c9265..dc57425f82ff 100644
--- a/src/languages/es.ts
+++ b/src/languages/es.ts
@@ -1880,6 +1880,12 @@ export default {
             addRate: 'Añadir tasa',
             workspaceDefault: 'Moneda por defecto del espacio de trabajo',
             foreignDefault: 'Moneda extranjera por defecto',
+            value: 'Valor',
+            errors: {
+                taxRateAlreadyExists: 'Ya existe un impuesto con este nombre',
+                valuePercentageRange: 'Introduzca un porcentaje válido entre 0 y 100',
+                genericFailureMessage: 'Se produjo un error al actualizar el tipo impositivo, inténtelo nuevamente.',
+            },
         },
         emptyWorkspace: {
             title: 'Crea un espacio de trabajo',
diff --git a/src/libs/API/parameters/CreatePolicyTaxParams.ts b/src/libs/API/parameters/CreatePolicyTaxParams.ts
new file mode 100644
index 000000000000..082758f0ae9e
--- /dev/null
+++ b/src/libs/API/parameters/CreatePolicyTaxParams.ts
@@ -0,0 +1,6 @@
+type CreatePolicyTaxParams = {
+    policyID: string;
+    taxFields: string;
+};
+
+export default CreatePolicyTaxParams;
diff --git a/src/libs/API/parameters/index.ts b/src/libs/API/parameters/index.ts
index 5213bc4cd984..d681968e6695 100644
--- a/src/libs/API/parameters/index.ts
+++ b/src/libs/API/parameters/index.ts
@@ -174,6 +174,7 @@ export type {default as EnablePolicyReportFieldsParams} from './EnablePolicyRepo
 export type {default as AcceptJoinRequestParams} from './AcceptJoinRequest';
 export type {default as DeclineJoinRequestParams} from './DeclineJoinRequest';
 export type {default as JoinPolicyInviteLinkParams} from './JoinPolicyInviteLink';
+export type {default as CreatePolicyTaxParams} from './CreatePolicyTaxParams';
 export type {default as OpenPolicyWorkflowsPageParams} from './OpenPolicyWorkflowsPageParams';
 export type {default as OpenPolicyDistanceRatesPageParams} from './OpenPolicyDistanceRatesPageParams';
 export type {default as OpenPolicyTaxesPageParams} from './OpenPolicyTaxesPageParams';
diff --git a/src/libs/API/types.ts b/src/libs/API/types.ts
index 14d963b5fa44..a32b67b90e58 100644
--- a/src/libs/API/types.ts
+++ b/src/libs/API/types.ts
@@ -176,6 +176,7 @@ const WRITE_COMMANDS = {
     JOIN_POLICY_VIA_INVITE_LINK: 'JoinWorkspaceViaInviteLink',
     ACCEPT_JOIN_REQUEST: 'AcceptJoinRequest',
     DECLINE_JOIN_REQUEST: 'DeclineJoinRequest',
+    CREATE_POLICY_TAX: 'CreatePolicyTax',
     CREATE_POLICY_DISTANCE_RATE: 'CreatePolicyDistanceRate',
 } as const;
 
@@ -351,6 +352,7 @@ type WriteCommandParameters = {
     [WRITE_COMMANDS.JOIN_POLICY_VIA_INVITE_LINK]: Parameters.JoinPolicyInviteLinkParams;
     [WRITE_COMMANDS.ACCEPT_JOIN_REQUEST]: Parameters.AcceptJoinRequestParams;
     [WRITE_COMMANDS.DECLINE_JOIN_REQUEST]: Parameters.DeclineJoinRequestParams;
+    [WRITE_COMMANDS.CREATE_POLICY_TAX]: Parameters.CreatePolicyTaxParams;
     [WRITE_COMMANDS.CREATE_POLICY_DISTANCE_RATE]: Parameters.CreatePolicyDistanceRateParams;
 };
 
diff --git a/src/libs/Navigation/AppNavigator/ModalStackNavigators.tsx b/src/libs/Navigation/AppNavigator/ModalStackNavigators.tsx
index 81a90e94b3c9..c591c3bc963d 100644
--- a/src/libs/Navigation/AppNavigator/ModalStackNavigators.tsx
+++ b/src/libs/Navigation/AppNavigator/ModalStackNavigators.tsx
@@ -278,6 +278,7 @@ const SettingsModalStackNavigator = createModalStackNavigator<SettingsNavigatorP
     [SCREENS.SETTINGS.EXIT_SURVEY.CONFIRM]: () => require('../../../pages/settings/ExitSurvey/ExitSurveyConfirmPage').default as React.ComponentType,
     [SCREENS.WORKSPACE.WORKFLOWS_AUTO_REPORTING_FREQUENCY]: () => require('../../../pages/workspace/workflows/WorkspaceAutoReportingFrequencyPage').default as React.ComponentType,
     [SCREENS.WORKSPACE.WORKFLOWS_AUTO_REPORTING_MONTHLY_OFFSET]: () => require('../../../pages/workspace/workflows/WorkspaceAutoReportingMonthlyOffsetPage').default as React.ComponentType,
+    [SCREENS.WORKSPACE.TAX_CREATE]: () => require('../../../pages/workspace/taxes/WorkspaceCreateTaxPage').default as React.ComponentType,
 });
 
 const EnablePaymentsStackNavigator = createModalStackNavigator<EnablePaymentsNavigatorParamList>({
diff --git a/src/libs/Navigation/linkingConfig/FULL_SCREEN_TO_RHP_MAPPING.ts b/src/libs/Navigation/linkingConfig/FULL_SCREEN_TO_RHP_MAPPING.ts
index 8713cbbcf6ba..da317a8baf5e 100755
--- a/src/libs/Navigation/linkingConfig/FULL_SCREEN_TO_RHP_MAPPING.ts
+++ b/src/libs/Navigation/linkingConfig/FULL_SCREEN_TO_RHP_MAPPING.ts
@@ -12,6 +12,7 @@ const FULL_SCREEN_TO_RHP_MAPPING: Partial<Record<FullScreenName, string[]>> = {
         SCREENS.WORKSPACE.WORKFLOWS_PAYER,
     ],
     [SCREENS.WORKSPACE.TAGS]: [SCREENS.WORKSPACE.TAGS_SETTINGS, SCREENS.WORKSPACE.TAGS_EDIT, SCREENS.WORKSPACE.TAG_CREATE, SCREENS.WORKSPACE.TAG_SETTINGS],
+    [SCREENS.WORKSPACE.TAXES]: [SCREENS.WORKSPACE.TAX_CREATE],
     [SCREENS.WORKSPACE.CATEGORIES]: [SCREENS.WORKSPACE.CATEGORY_CREATE, SCREENS.WORKSPACE.CATEGORY_SETTINGS, SCREENS.WORKSPACE.CATEGORIES_SETTINGS, SCREENS.WORKSPACE.CATEGORY_EDIT],
     [SCREENS.WORKSPACE.DISTANCE_RATES]: [SCREENS.WORKSPACE.CREATE_DISTANCE_RATE],
 };
diff --git a/src/libs/Navigation/linkingConfig/config.ts b/src/libs/Navigation/linkingConfig/config.ts
index f859ed9027a1..a0591e628ddf 100644
--- a/src/libs/Navigation/linkingConfig/config.ts
+++ b/src/libs/Navigation/linkingConfig/config.ts
@@ -330,6 +330,9 @@ const config: LinkingOptions<RootStackParamList>['config'] = {
                         [SCREENS.SETTINGS.EXIT_SURVEY.CONFIRM]: {
                             path: ROUTES.SETTINGS_EXIT_SURVEY_CONFIRM.route,
                         },
+                        [SCREENS.WORKSPACE.TAX_CREATE]: {
+                            path: ROUTES.WORKSPACE_TAX_CREATE.route,
+                        },
                     },
                 },
                 [SCREENS.RIGHT_MODAL.PRIVATE_NOTES]: {
diff --git a/src/libs/Navigation/types.ts b/src/libs/Navigation/types.ts
index 6c59a2558f21..858ddaf934a0 100644
--- a/src/libs/Navigation/types.ts
+++ b/src/libs/Navigation/types.ts
@@ -220,6 +220,9 @@ type SettingsNavigatorParamList = {
     [SCREENS.SETTINGS.EXIT_SURVEY.CONFIRM]: {
         backTo: Routes;
     };
+    [SCREENS.WORKSPACE.TAX_CREATE]: {
+        policyID: string;
+    };
 } & ReimbursementAccountNavigatorParamList;
 
 type NewChatNavigatorParamList = {
diff --git a/src/libs/OptionsListUtils.ts b/src/libs/OptionsListUtils.ts
index e3e989dd877b..0bf4da8cede7 100644
--- a/src/libs/OptionsListUtils.ts
+++ b/src/libs/OptionsListUtils.ts
@@ -1264,7 +1264,7 @@ function getTaxRatesSection(taxRates: TaxRatesWithDefault | undefined, selectedO
     }
 
     if (searchInputValue) {
-        const searchTaxRates = enabledTaxRates.filter((taxRate) => taxRate.modifiedName.toLowerCase().includes(searchInputValue.toLowerCase()));
+        const searchTaxRates = enabledTaxRates.filter((taxRate) => taxRate.modifiedName?.toLowerCase().includes(searchInputValue.toLowerCase()));
 
         policyRatesSections.push({
             // "Search" section
@@ -1290,7 +1290,7 @@ function getTaxRatesSection(taxRates: TaxRatesWithDefault | undefined, selectedO
     }
 
     const selectedOptionNames = selectedOptions.map((selectedOption) => selectedOption.name);
-    const filteredTaxRates = enabledTaxRates.filter((taxRate) => !selectedOptionNames.includes(taxRate.modifiedName));
+    const filteredTaxRates = enabledTaxRates.filter((taxRate) => taxRate.modifiedName && !selectedOptionNames.includes(taxRate.modifiedName));
 
     if (selectedOptions.length > 0) {
         const selectedTaxRatesOptions = selectedOptions.map((option) => {
diff --git a/src/libs/PolicyUtils.ts b/src/libs/PolicyUtils.ts
index 2bc5f20576e1..675e268045c1 100644
--- a/src/libs/PolicyUtils.ts
+++ b/src/libs/PolicyUtils.ts
@@ -30,6 +30,13 @@ function hasPolicyMemberError(policyMembers: OnyxEntry<PolicyMembers>): boolean
     return Object.values(policyMembers ?? {}).some((member) => Object.keys(member?.errors ?? {}).length > 0);
 }
 
+/**
+ *  Check if the policy has any tax rate errors.
+ */
+function hasTaxRateError(policy: OnyxEntry<Policy>): boolean {
+    return Object.values(policy?.taxRates?.taxes ?? {}).some((taxRate) => Object.keys(taxRate?.errors ?? {}).length > 0);
+}
+
 /**
  * Check if the policy has any errors within the categories.
  */
@@ -299,6 +306,7 @@ export {
     getPathWithoutPolicyID,
     getPolicyMembersByIdWithoutCurrentUser,
     goBackFromInvalidPolicy,
+    hasTaxRateError,
     hasPolicyCategoriesError,
 };
 
diff --git a/src/libs/ValidationUtils.ts b/src/libs/ValidationUtils.ts
index 3d5f23a84f74..5876ccf5d7d7 100644
--- a/src/libs/ValidationUtils.ts
+++ b/src/libs/ValidationUtils.ts
@@ -8,7 +8,7 @@ import type {OnyxCollection} from 'react-native-onyx';
 import type {FormInputErrors, FormOnyxKeys, FormOnyxValues, FormValue} from '@components/Form/types';
 import CONST from '@src/CONST';
 import type {OnyxFormKey} from '@src/ONYXKEYS';
-import type {Report} from '@src/types/onyx';
+import type {Report, TaxRates} from '@src/types/onyx';
 import * as CardUtils from './CardUtils';
 import DateUtils from './DateUtils';
 import type {MaybePhraseKey} from './Localize';
@@ -460,6 +460,21 @@ function prepareValues(values: ValuesType): ValuesType {
     return trimmedStringValues;
 }
 
+/**
+ * Validates the given value if it is correct percentage value.
+ */
+function isValidPercentage(value: string): boolean {
+    const parsedValue = Number(value);
+    return !Number.isNaN(parsedValue) && parsedValue >= 0 && parsedValue <= 100;
+}
+
+/**
+ * Validates the given value if it is correct tax name.
+ */
+function isExistingTaxName(value: string, taxRates: TaxRates): boolean {
+    return !!Object.values(taxRates).find((taxRate) => taxRate.name === value);
+}
+
 export {
     meetsMinimumAgeRequirement,
     meetsMaximumAgeRequirement,
@@ -498,4 +513,6 @@ export {
     validateDateTimeIsAtLeastOneMinuteInFuture,
     prepareValues,
     isValidPersonName,
+    isValidPercentage,
+    isExistingTaxName,
 };
diff --git a/src/libs/WorkspacesSettingsUtils.ts b/src/libs/WorkspacesSettingsUtils.ts
index a3a3d85419e2..78a8edb4c73f 100644
--- a/src/libs/WorkspacesSettingsUtils.ts
+++ b/src/libs/WorkspacesSettingsUtils.ts
@@ -5,7 +5,7 @@ import CONST from '@src/CONST';
 import ONYXKEYS from '@src/ONYXKEYS';
 import type {Policy, PolicyMembers, ReimbursementAccount, Report} from '@src/types/onyx';
 import * as OptionsListUtils from './OptionsListUtils';
-import {hasCustomUnitsError, hasPolicyError, hasPolicyMemberError} from './PolicyUtils';
+import {hasCustomUnitsError, hasPolicyError, hasPolicyMemberError, hasTaxRateError} from './PolicyUtils';
 import * as ReportActionsUtils from './ReportActionsUtils';
 import * as ReportUtils from './ReportUtils';
 
@@ -80,6 +80,7 @@ function hasGlobalWorkspaceSettingsRBR(policies: OnyxCollection<Policy>, policyM
     const errorCheckingMethods: CheckingMethod[] = [
         () => Object.values(cleanPolicies).some(hasPolicyError),
         () => Object.values(cleanPolicies).some(hasCustomUnitsError),
+        () => Object.values(cleanPolicies).some(hasTaxRateError),
         () => Object.values(cleanAllPolicyMembers).some(hasPolicyMemberError),
         () => Object.keys(reimbursementAccount?.errors ?? {}).length > 0,
     ];
diff --git a/src/libs/actions/TaxRate.ts b/src/libs/actions/TaxRate.ts
new file mode 100644
index 000000000000..1bad1de0a9f5
--- /dev/null
+++ b/src/libs/actions/TaxRate.ts
@@ -0,0 +1,128 @@
+import Onyx from 'react-native-onyx';
+import * as API from '@libs/API';
+import type {CreatePolicyTaxParams} from '@libs/API/parameters';
+import {WRITE_COMMANDS} from '@libs/API/types';
+import CONST from '@src/CONST';
+import * as ErrorUtils from '@src/libs/ErrorUtils';
+import ONYXKEYS from '@src/ONYXKEYS';
+import type {TaxRate, TaxRates} from '@src/types/onyx';
+import type {PendingAction} from '@src/types/onyx/OnyxCommon';
+import type {OnyxData} from '@src/types/onyx/Request';
+
+/**
+ * Get tax value with percentage
+ */
+function getTaxValueWithPercentage(value: string): string {
+    return `${value}%`;
+}
+
+function covertTaxNameToID(name: string) {
+    return `id_${name.toUpperCase().replaceAll(' ', '_')}`;
+}
+
+/**
+ * Get new tax ID
+ */
+function getNextTaxCode(name: string, taxRates?: TaxRates): string {
+    const newID = covertTaxNameToID(name);
+    if (!taxRates?.[newID]) {
+        return newID;
+    }
+
+    // If the tax ID already exists, we need to find a unique ID
+    let nextID = 1;
+    while (taxRates?.[covertTaxNameToID(`${name}_${nextID}`)]) {
+        nextID++;
+    }
+    return covertTaxNameToID(`${name}_${nextID}`);
+}
+
+function createPolicyTax(policyID: string, taxRate: TaxRate) {
+    if (!taxRate.code) {
+        throw new Error('Tax code is required when creating a new tax rate.');
+    }
+
+    const onyxData: OnyxData = {
+        optimisticData: [
+            {
+                onyxMethod: Onyx.METHOD.MERGE,
+                key: `${ONYXKEYS.COLLECTION.POLICY}${policyID}`,
+                value: {
+                    taxRates: {
+                        taxes: {
+                            [taxRate.code]: {
+                                ...taxRate,
+                                pendingAction: CONST.RED_BRICK_ROAD_PENDING_ACTION.ADD,
+                            },
+                        },
+                    },
+                },
+            },
+        ],
+        successData: [
+            {
+                onyxMethod: Onyx.METHOD.MERGE,
+                key: `${ONYXKEYS.COLLECTION.POLICY}${policyID}`,
+                value: {
+                    taxRates: {
+                        taxes: {
+                            [taxRate.code]: {
+                                errors: null,
+                                pendingAction: null,
+                            },
+                        },
+                    },
+                },
+            },
+        ],
+        failureData: [
+            {
+                onyxMethod: Onyx.METHOD.MERGE,
+                key: `${ONYXKEYS.COLLECTION.POLICY}${policyID}`,
+                value: {
+                    taxRates: {
+                        taxes: {
+                            [taxRate.code]: {
+                                errors: ErrorUtils.getMicroSecondOnyxError('workspace.taxes.errors.genericFailureMessage'),
+                            },
+                        },
+                    },
+                },
+            },
+        ],
+    };
+
+    const parameters = {
+        policyID,
+        taxFields: JSON.stringify({
+            name: taxRate.name,
+            value: taxRate.value,
+            enabled: true,
+            taxCode: taxRate.code,
+        }),
+    } satisfies CreatePolicyTaxParams;
+
+    API.write(WRITE_COMMANDS.CREATE_POLICY_TAX, parameters, onyxData);
+}
+
+function clearTaxRateError(policyID: string, taxID: string, pendingAction?: PendingAction) {
+    if (pendingAction === CONST.RED_BRICK_ROAD_PENDING_ACTION.ADD) {
+        Onyx.merge(`${ONYXKEYS.COLLECTION.POLICY}${policyID}`, {
+            taxRates: {
+                taxes: {
+                    [taxID]: null,
+                },
+            },
+        });
+        return;
+    }
+    Onyx.merge(`${ONYXKEYS.COLLECTION.POLICY}${policyID}`, {
+        taxRates: {
+            taxes: {
+                [taxID]: {pendingAction: null, errors: null},
+            },
+        },
+    });
+}
+
+export {createPolicyTax, clearTaxRateError, getNextTaxCode, getTaxValueWithPercentage};
diff --git a/src/pages/workspace/WorkspaceInitialPage.tsx b/src/pages/workspace/WorkspaceInitialPage.tsx
index 871bb2cf7980..9a56a2da0314 100644
--- a/src/pages/workspace/WorkspaceInitialPage.tsx
+++ b/src/pages/workspace/WorkspaceInitialPage.tsx
@@ -194,6 +194,7 @@ function WorkspaceInitialPage({policyDraft, policy: policyProp, policyMembers, r
             icon: Expensicons.Tax,
             action: singleExecution(waitForNavigate(() => Navigation.navigate(ROUTES.WORKSPACE_TAXES.getRoute(policyID)))),
             routeName: SCREENS.WORKSPACE.TAXES,
+            brickRoadIndicator: PolicyUtils.hasTaxRateError(policy) ? CONST.BRICK_ROAD_INDICATOR_STATUS.ERROR : undefined,
         });
     }
 
diff --git a/src/pages/workspace/taxes/WorkspaceCreateTaxPage.tsx b/src/pages/workspace/taxes/WorkspaceCreateTaxPage.tsx
new file mode 100644
index 000000000000..c0790bb8abd8
--- /dev/null
+++ b/src/pages/workspace/taxes/WorkspaceCreateTaxPage.tsx
@@ -0,0 +1,124 @@
+import type {StackScreenProps} from '@react-navigation/stack';
+import React, {useCallback} from 'react';
+import {View} from 'react-native';
+import AmountPicker from '@components/AmountPicker';
+import FormProvider from '@components/Form/FormProvider';
+import InputWrapper from '@components/Form/InputWrapper';
+import type {FormInputErrors, FormOnyxValues} from '@components/Form/types';
+import HeaderWithBackButton from '@components/HeaderWithBackButton';
+import ScreenWrapper from '@components/ScreenWrapper';
+import Text from '@components/Text';
+import TextPicker from '@components/TextPicker';
+import useLocalize from '@hooks/useLocalize';
+import useThemeStyles from '@hooks/useThemeStyles';
+import {createPolicyTax, getNextTaxCode, getTaxValueWithPercentage} from '@libs/actions/TaxRate';
+import Navigation from '@libs/Navigation/Navigation';
+import type {SettingsNavigatorParamList} from '@libs/Navigation/types';
+import * as ValidationUtils from '@libs/ValidationUtils';
+import AdminPolicyAccessOrNotFoundWrapper from '@pages/workspace/AdminPolicyAccessOrNotFoundWrapper';
+import PaidPolicyAccessOrNotFoundWrapper from '@pages/workspace/PaidPolicyAccessOrNotFoundWrapper';
+import type {WithPolicyAndFullscreenLoadingProps} from '@pages/workspace/withPolicyAndFullscreenLoading';
+import withPolicyAndFullscreenLoading from '@pages/workspace/withPolicyAndFullscreenLoading';
+import CONST from '@src/CONST';
+import ONYXKEYS from '@src/ONYXKEYS';
+import type SCREENS from '@src/SCREENS';
+import INPUT_IDS from '@src/types/form/WorkspaceNewTaxForm';
+import type {TaxRate} from '@src/types/onyx';
+
+type WorkspaceCreateTaxPageProps = WithPolicyAndFullscreenLoadingProps & StackScreenProps<SettingsNavigatorParamList, typeof SCREENS.WORKSPACE.TAX_CREATE>;
+
+function WorkspaceCreateTaxPage({
+    policy,
+    route: {
+        params: {policyID},
+    },
+}: WorkspaceCreateTaxPageProps) {
+    const styles = useThemeStyles();
+    const {translate} = useLocalize();
+
+    const validate = useCallback(
+        (values: FormOnyxValues<typeof ONYXKEYS.FORMS.WORKSPACE_NEW_TAX_FORM>): FormInputErrors<typeof ONYXKEYS.FORMS.WORKSPACE_NEW_TAX_FORM> => {
+            const errors = ValidationUtils.getFieldRequiredErrors(values, [INPUT_IDS.VALUE, INPUT_IDS.NAME]);
+
+            const value = values[INPUT_IDS.VALUE];
+            if (!ValidationUtils.isValidPercentage(value)) {
+                errors[INPUT_IDS.VALUE] = 'workspace.taxes.errors.valuePercentageRange';
+            }
+
+            const name = values[INPUT_IDS.NAME];
+            if (policy?.taxRates?.taxes && ValidationUtils.isExistingTaxName(name, policy.taxRates.taxes)) {
+                errors[INPUT_IDS.NAME] = 'workspace.taxes.errors.taxRateAlreadyExists';
+            }
+
+            return errors;
+        },
+        [policy?.taxRates?.taxes],
+    );
+
+    const submitForm = useCallback(
+        ({value, ...values}: FormOnyxValues<typeof ONYXKEYS.FORMS.WORKSPACE_NEW_TAX_FORM>) => {
+            const taxRate = {
+                ...values,
+                value: getTaxValueWithPercentage(value),
+                code: getNextTaxCode(values[INPUT_IDS.NAME], policy?.taxRates?.taxes),
+            } satisfies TaxRate;
+            createPolicyTax(policyID, taxRate);
+            Navigation.goBack();
+        },
+        [policy?.taxRates?.taxes, policyID],
+    );
+
+    return (
+        <AdminPolicyAccessOrNotFoundWrapper policyID={policyID}>
+            <PaidPolicyAccessOrNotFoundWrapper policyID={policyID}>
+                <ScreenWrapper
+                    testID={WorkspaceCreateTaxPage.displayName}
+                    includeSafeAreaPaddingBottom={false}
+                    style={[styles.defaultModalContainer]}
+                >
+                    <View style={[styles.h100, styles.flex1, styles.justifyContentBetween]}>
+                        <HeaderWithBackButton title={translate('workspace.taxes.addRate')} />
+                        <FormProvider
+                            style={[styles.flexGrow1, styles.mh5]}
+                            formID={ONYXKEYS.FORMS.WORKSPACE_NEW_TAX_FORM}
+                            onSubmit={submitForm}
+                            validate={validate}
+                            submitButtonText={translate('common.save')}
+                            enabledWhenOffline
+                            shouldValidateOnBlur={false}
+                            disablePressOnEnter={false}
+                        >
+                            <View style={styles.mhn5}>
+                                <InputWrapper
+                                    InputComponent={TextPicker}
+                                    inputID={INPUT_IDS.NAME}
+                                    label={translate('common.name')}
+                                    description={translate('common.name')}
+                                    rightLabel={translate('common.required')}
+                                    accessibilityLabel={translate('workspace.editor.nameInputLabel')}
+                                    maxLength={CONST.TAX_RATES.NAME_MAX_LENGTH}
+                                    multiline={false}
+                                    role={CONST.ROLE.PRESENTATION}
+                                    autoFocus
+                                />
+                                <InputWrapper
+                                    InputComponent={AmountPicker}
+                                    inputID={INPUT_IDS.VALUE}
+                                    title={(v) => (v ? getTaxValueWithPercentage(v) : '')}
+                                    description={translate('workspace.taxes.value')}
+                                    rightLabel={translate('common.required')}
+                                    hideCurrencySymbol
+                                    extraSymbol={<Text style={styles.iouAmountText}>%</Text>}
+                                />
+                            </View>
+                        </FormProvider>
+                    </View>
+                </ScreenWrapper>
+            </PaidPolicyAccessOrNotFoundWrapper>
+        </AdminPolicyAccessOrNotFoundWrapper>
+    );
+}
+
+WorkspaceCreateTaxPage.displayName = 'WorkspaceCreateTaxPage';
+
+export default withPolicyAndFullscreenLoading(WorkspaceCreateTaxPage);
diff --git a/src/pages/workspace/taxes/WorkspaceTaxesPage.tsx b/src/pages/workspace/taxes/WorkspaceTaxesPage.tsx
index 18123d109645..b50739b29aa7 100644
--- a/src/pages/workspace/taxes/WorkspaceTaxesPage.tsx
+++ b/src/pages/workspace/taxes/WorkspaceTaxesPage.tsx
@@ -17,12 +17,15 @@ import useTheme from '@hooks/useTheme';
 import useThemeStyles from '@hooks/useThemeStyles';
 import useWindowDimensions from '@hooks/useWindowDimensions';
 import {openPolicyTaxesPage} from '@libs/actions/Policy';
+import {clearTaxRateError} from '@libs/actions/TaxRate';
+import Navigation from '@libs/Navigation/Navigation';
 import type {WorkspacesCentralPaneNavigatorParamList} from '@navigation/types';
 import AdminPolicyAccessOrNotFoundWrapper from '@pages/workspace/AdminPolicyAccessOrNotFoundWrapper';
 import PaidPolicyAccessOrNotFoundWrapper from '@pages/workspace/PaidPolicyAccessOrNotFoundWrapper';
 import withPolicyAndFullscreenLoading from '@pages/workspace/withPolicyAndFullscreenLoading';
 import type {WithPolicyAndFullscreenLoadingProps} from '@pages/workspace/withPolicyAndFullscreenLoading';
 import CONST from '@src/CONST';
+import ROUTES from '@src/ROUTES';
 import type SCREENS from '@src/SCREENS';
 
 type WorkspaceTaxesPageProps = WithPolicyAndFullscreenLoadingProps & StackScreenProps<WorkspacesCentralPaneNavigatorParamList, typeof SCREENS.WORKSPACE.TAXES>;
@@ -72,6 +75,8 @@ function WorkspaceTaxesPage({policy, route}: WorkspaceTaxesPageProps) {
                     keyForList: key,
                     isSelected: !!selectedTaxesIDs.includes(key),
                     isDisabledCheckbox: key === defaultExternalID,
+                    pendingAction: value.pendingAction,
+                    errors: value.errors,
                     rightElement: (
                         <View style={styles.flexRow}>
                             <Text style={[styles.disabledText, styles.alignSelfCenter]}>
@@ -129,7 +134,7 @@ function WorkspaceTaxesPage({policy, route}: WorkspaceTaxesPageProps) {
             <Button
                 medium
                 success
-                onPress={() => {}}
+                onPress={() => Navigation.navigate(ROUTES.WORKSPACE_TAX_CREATE.getRoute(route.params.policyID))}
                 icon={Expensicons.Plus}
                 text={translate('workspace.taxes.addRate')}
                 style={[styles.mr3, isSmallScreenWidth && styles.w50]}
@@ -183,6 +188,7 @@ function WorkspaceTaxesPage({policy, route}: WorkspaceTaxesPageProps) {
                         ListItem={TableListItem}
                         customListHeader={getCustomListHeader()}
                         listHeaderWrapperStyle={[styles.ph9, styles.pv3, styles.pb5]}
+                        onDismissError={(item) => item.keyForList && clearTaxRateError(route.params.policyID, item.keyForList, item.pendingAction)}
                     />
                 </ScreenWrapper>
             </PaidPolicyAccessOrNotFoundWrapper>
diff --git a/src/types/form/WorkspaceNewTaxForm.ts b/src/types/form/WorkspaceNewTaxForm.ts
new file mode 100644
index 000000000000..7ba9b8931bf4
--- /dev/null
+++ b/src/types/form/WorkspaceNewTaxForm.ts
@@ -0,0 +1,20 @@
+import type {ValueOf} from 'type-fest';
+import type Form from './Form';
+
+const INPUT_IDS = {
+    NAME: 'name',
+    VALUE: 'value',
+} as const;
+
+type InputID = ValueOf<typeof INPUT_IDS>;
+
+type WorkspaceNewTaxForm = Form<
+    InputID,
+    {
+        [INPUT_IDS.NAME]: string;
+        [INPUT_IDS.VALUE]: string;
+    }
+>;
+
+export type {WorkspaceNewTaxForm};
+export default INPUT_IDS;
diff --git a/src/types/form/index.ts b/src/types/form/index.ts
index d88de0639663..b5efaef345a7 100644
--- a/src/types/form/index.ts
+++ b/src/types/form/index.ts
@@ -39,6 +39,7 @@ export type {WorkspaceSettingsForm} from './WorkspaceSettingsForm';
 export type {ReportPhysicalCardForm} from './ReportPhysicalCardForm';
 export type {WorkspaceDescriptionForm} from './WorkspaceDescriptionForm';
 export type {PolicyTagNameForm} from './PolicyTagNameForm';
+export type {WorkspaceNewTaxForm} from './WorkspaceNewTaxForm';
 export type {WorkspaceTagCreateForm} from './WorkspaceTagCreateForm';
 export type {PolicyCreateDistanceRateForm} from './PolicyCreateDistanceRateForm';
 export type {default as Form} from './Form';
diff --git a/src/types/onyx/Policy.ts b/src/types/onyx/Policy.ts
index 688300933a5e..f1de9b13bc9d 100644
--- a/src/types/onyx/Policy.ts
+++ b/src/types/onyx/Policy.ts
@@ -32,22 +32,25 @@ type DisabledFields = {
     reimbursable?: boolean;
 };
 
-type TaxRate = {
+type TaxRate = OnyxCommon.OnyxValueWithOfflineFeedback<{
     /** Name of the a tax rate. */
     name: string;
 
     /** The value of the tax rate as percentage. */
     value: string;
 
-    /** The code associated with the tax rate. */
-    code: string;
+    /** The code associated with the tax rate. If a tax is created in old dot, code field is undefined */
+    code?: string;
 
     /** This contains the tax name and tax value as one name */
-    modifiedName: string;
+    modifiedName?: string;
 
     /** Indicates if the tax rate is disabled. */
     isDisabled?: boolean;
-};
+
+    /** An error message to display to the user */
+    errors?: OnyxCommon.Errors;
+}>;
 
 type TaxRates = Record<string, TaxRate>;
 
diff --git a/src/types/utils/callOrReturn.ts b/src/types/utils/callOrReturn.ts
index d51226544962..6accb08f5a2d 100644
--- a/src/types/utils/callOrReturn.ts
+++ b/src/types/utils/callOrReturn.ts
@@ -1,6 +1,8 @@
-function callOrReturn<TValue>(value: TValue | (() => TValue)): TValue {
+type Func<T extends unknown[], R> = (...args: T) => R;
+
+function callOrReturn<TArgs extends unknown[], TReturn>(value: TReturn | Func<TArgs, TReturn>, ...args: TArgs): TReturn {
     if (typeof value === 'function') {
-        return (value as () => TValue)();
+        return (value as Func<TArgs, TReturn>)(...args);
     }
 
     return value;