diff --git a/assets/images/document-slash.svg b/assets/images/document-slash.svg
new file mode 100644
index 000000000000..25a4c96038b4
--- /dev/null
+++ b/assets/images/document-slash.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
+    <path d="M18 13.9861V7.5C18 7.22386 17.7761 7 17.5 7H11.5C11.2239 7 11 6.77614 11 6.5V0.5C11 0.223858 10.7761 0 10.5 0H4C3.52923 0 3.09644 0.162656 2.75478 0.434835L18 13.9861Z"/>
+    <path d="M2 7.79165V18C2 19.1046 2.89543 20 4 20H15.7344L2 7.79165Z"/>
+    <path d="M13 0L18 5H13.5C13.2239 5 13 4.77614 13 4.5V0Z"/>
+    <path d="M1.66437 2.2526C1.25159 1.88568 0.619519 1.92286 0.252601 2.33565C-0.114317 2.74843 -0.0771359 3.3805 0.335647 3.74742L18.3356 19.7474C18.7484 20.1143 19.3805 20.0772 19.7474 19.6644C20.1143 19.2516 20.0772 18.6195 19.6644 18.2526L1.66437 2.2526Z"/>
+</svg>
diff --git a/assets/images/simple-illustrations/simple-illustration__car-ice.svg b/assets/images/simple-illustrations/simple-illustration__car-ice.svg
new file mode 100644
index 000000000000..ba2b79bca6aa
--- /dev/null
+++ b/assets/images/simple-illustrations/simple-illustration__car-ice.svg
@@ -0,0 +1,53 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 28.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 68 68" style="enable-background:new 0 0 68 68;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#4ED7DE;}
+	.st1{fill:#4BA6A6;}
+	.st2{fill:#28736D;}
+	.st3{fill:#FFED8F;}
+	.st4{fill:none;stroke:#002140;stroke-width:0.8571;stroke-linecap:round;stroke-linejoin:round;}
+</style>
+	<path class="st0" d="M49.708,27.953c0,0-3.324-9.358-5.152-9.753c-1.828-0.395-11.801-2.123-20.018-0.156
+	c0,0-3.065,2.99-4.107,5.504c-1.042,2.517-1.564,4.484-1.564,4.484s-3.52,2.123-4.565,5.504c-1.042,3.381-0.391,11.247-0.391,11.247
+	s0.846,0.786,2.414,1.259c1.568,0.473,6.066,1.102,8.15,1.102s23.151-0.157,23.151-0.157l6.389-1.572c0,0,0.914-1.337,0.978-2.279
+	c0.064-0.942-0.26-8.494-0.26-8.494s-0.846-2.752-1.5-3.46c-0.654-0.708-3.52-3.225-3.52-3.225L49.708,27.953z"/>
+	<path class="st1" d="M18.931,27.563l-1.109-2.752l-2.478,0.708l-0.391,1.415l1.305,0.786L18.931,27.563z"/>
+	<path class="st1" d="M50.035,27.717l4.107-0.473v-1.021l-0.782-1.102l-2.542-0.235L50.035,27.717z"/>
+	<path class="st2" d="M23.496,46.751l21.974,0.078l-2.087-1.888H24.865L23.496,46.751z"/>
+	<path class="st2" d="M15.475,46.045l0.914,3.616l1.301,0.868l4.37-0.316l0.914-1.259l0.523-2.201L15.475,46.045z"/>
+	<path class="st2" d="M45.601,47.304l0.519,2.436l1.177,0.868l4.889-0.078l1.042-1.415l0.327-3.147l-8.086,0.864"/>
+	<path class="st3" d="M20.754,34.404l-2.997-2.044l-1.045,0.942l-0.26,2.283l0.978,1.02l3.129,1.259l1.305-1.099L20.754,34.404z"/>
+	<path class="st3" d="M51.6,32.514l-0.914-0.469l-2.87,2.279l-0.846,2.044l0.523,0.864l1.693-0.156l3.001-1.65L51.6,32.514z"/>
+	<path class="st3" d="M22.319,27.324l0.914,0.629h22.76l0.391-1.024l-3.001-6.294c0,0-5.479-1.181-9.977-1.024
+	c-4.498,0.156-8.477,1.102-8.477,1.102l-2.61,6.606V27.324z"/>
+	<path class="st4" d="M44.265,18.161c-4.27-1.376-13.728-1.849-20.05,0"/>
+	<path class="st4" d="M24.21,18.16c0,0-2.837,1.653-5.085,9.675c0,0-5.38,2.83-5.38,8.612c0,0-0.391,3.893,19.759,3.893
+	s21.423-3.776,21.423-3.776c0-5.782-5.38-8.612-5.38-8.612c-2.251-8.021-5.085-9.675-5.085-9.675"/>
+	<path class="st4" d="M13.747,36.447v6.923c0,1.241,0.757,2.29,1.774,2.468l6.23,1.074c0.572,0.1,1.152-0.096,1.6-0.537l0.878-0.868
+	c0.37-0.363,0.832-0.562,1.309-0.562h9.241"/>
+	<path class="st4" d="M54.906,36.434v6.923c0,1.241-0.757,2.29-1.774,2.468l-6.229,1.074c-0.573,0.099-1.152-0.096-1.6-0.537
+	l-0.878-0.868c-0.37-0.363-0.832-0.562-1.308-0.562h-9.241"/>
+	<path class="st4" d="M22.433,46.891l23.787-0.014"/>
+	<path class="st4" d="M15.521,45.838l0.412,2.667c0.178,1.148,1.01,1.984,1.981,1.984h3.264c0.946,0,1.764-0.793,1.966-1.906
+	l0.288-1.575"/>
+	<path class="st4" d="M53.505,46.016l-0.412,2.667c-0.178,1.148-1.01,1.984-1.981,1.984h-3.264c-0.946,0-1.764-0.793-1.966-1.906
+	l-0.288-1.575"/>
+	<path class="st4" d="M18.88,27.836l-0.544-2.35c-0.103-0.441-0.462-0.722-0.839-0.651l-1.888,0.356
+	c-0.245,0.046-0.455,0.235-0.562,0.508l-0.242,0.622c-0.228,0.579,0.107,1.252,0.636,1.287l3.438,0.231"/>
+	<path class="st4" d="M49.946,27.719l0.544-2.35c0.103-0.441,0.462-0.722,0.839-0.651l1.888,0.356
+	c0.245,0.046,0.455,0.235,0.562,0.508l0.242,0.622c0.228,0.58-0.107,1.252-0.636,1.287l-3.438,0.231"/>
+	<path class="st4" d="M16.833,33.047l-0.501,1.728c-0.185,0.633,0.092,1.323,0.615,1.547l2.869,1.223
+	c0.128,0.053,0.263,0.085,0.398,0.085l0.533,0.011c0.853,0.018,1.337-1.173,0.8-1.973l-0.764-1.145
+	c-0.06-0.092-0.135-0.174-0.217-0.242l-2.219-1.835c-0.548-0.452-1.298-0.156-1.518,0.597L16.833,33.047z"/>
+	<path class="st4" d="M51.678,32.811l0.501,1.728c0.185,0.633-0.092,1.323-0.615,1.547l-2.869,1.223
+	c-0.128,0.053-0.263,0.085-0.398,0.085l-0.533,0.011c-0.853,0.018-1.337-1.173-0.8-1.973l0.764-1.145
+	c0.06-0.093,0.135-0.174,0.217-0.242l2.219-1.835c0.548-0.452,1.298-0.157,1.518,0.597L51.678,32.811z"/>
+	<path class="st4" d="M45.53,28.111H23.197c-0.576,0-0.956-0.672-0.715-1.259l2.4-5.856c0.103-0.249,0.295-0.43,0.533-0.491
+	c1.589-0.42,8.118-1.852,17.668,0.028c0.245,0.05,0.459,0.228,0.569,0.48l2.581,5.817c0.263,0.59-0.117,1.284-0.704,1.284V28.111z"
+	/>
+	<path class="st4" d="M25.843,35.819c-0.686,0-3.065-0.395-3.324-3.069c-0.26-2.674-0.103-5.643-0.103-5.643"/>
+	<path class="st4" d="M42.71,35.778c0.722,0,3.221-0.395,3.499-3.069c0.277-2.674,0.107-5.643,0.107-5.643"/>
+	<path class="st4" d="M42.711,35.779c0,0-16.185,0.039-16.868,0.039"/>
+</svg>
diff --git a/src/CONST.ts b/src/CONST.ts
index 70fecab70c39..645746c38a7d 100755
--- a/src/CONST.ts
+++ b/src/CONST.ts
@@ -1417,6 +1417,11 @@ const CONST = {
             MAKE_MEMBER: 'makeMember',
             MAKE_ADMIN: 'makeAdmin',
         },
+        DISTANCE_RATES_BULK_ACTION_TYPES: {
+            DELETE: 'delete',
+            DISABLE: 'disable',
+            ENABLE: 'enable',
+        },
     },
 
     CUSTOM_UNITS: {
diff --git a/src/ROUTES.ts b/src/ROUTES.ts
index 854bd7b11303..db0068365760 100644
--- a/src/ROUTES.ts
+++ b/src/ROUTES.ts
@@ -566,6 +566,10 @@ const ROUTES = {
         route: 'workspace/:policyID/members/:accountID/role-selection',
         getRoute: (policyID: string, accountID: number, backTo?: string) => getUrlWithBackToParam(`workspace/${policyID}/members/${accountID}/role-selection`, backTo),
     },
+    WORKSPACE_DISTANCE_RATES: {
+        route: 'workspace/:policyID/distance-rates',
+        getRoute: (policyID: string) => `workspace/${policyID}/distance-rates` as const,
+    },
 
     // Referral program promotion
     REFERRAL_DETAILS_MODAL: {
diff --git a/src/SCREENS.ts b/src/SCREENS.ts
index 35c4c9c578e6..8546f543b77a 100644
--- a/src/SCREENS.ts
+++ b/src/SCREENS.ts
@@ -229,6 +229,7 @@ const SCREENS = {
         CATEGORIES_SETTINGS: 'Categories_Settings',
         MEMBER_DETAILS: 'Workspace_Member_Details',
         MEMBER_DETAILS_ROLE_SELECTION: 'Workspace_Member_Details_Role_Selection',
+        DISTANCE_RATES: 'Distance_Rates',
     },
 
     EDIT_REQUEST: {
diff --git a/src/components/ButtonWithDropdownMenu/index.tsx b/src/components/ButtonWithDropdownMenu/index.tsx
index 61d3409c65ab..5f426f77b731 100644
--- a/src/components/ButtonWithDropdownMenu/index.tsx
+++ b/src/components/ButtonWithDropdownMenu/index.tsx
@@ -32,6 +32,7 @@ function ButtonWithDropdownMenu<IValueType>({
     options,
     onOptionSelected,
     enterKeyEventListenerPriority = 0,
+    wrapperStyle,
 }: ButtonWithDropdownMenuProps<IValueType>) {
     const theme = useTheme();
     const styles = useThemeStyles();
@@ -66,7 +67,7 @@ function ButtonWithDropdownMenu<IValueType>({
     }, [windowWidth, windowHeight, isMenuVisible, anchorAlignment.vertical]);
 
     return (
-        <View>
+        <View style={wrapperStyle}>
             {shouldAlwaysShowDropdownMenu || options.length > 1 ? (
                 <View style={[styles.flexRow, styles.justifyContentBetween, styles.alignItemsCenter, style]}>
                     <Button
diff --git a/src/components/ButtonWithDropdownMenu/types.ts b/src/components/ButtonWithDropdownMenu/types.ts
index 9975c10c13c3..fcf1baaa6aed 100644
--- a/src/components/ButtonWithDropdownMenu/types.ts
+++ b/src/components/ButtonWithDropdownMenu/types.ts
@@ -10,6 +10,8 @@ type PaymentType = DeepValueOf<typeof CONST.IOU.PAYMENT_TYPE | typeof CONST.IOU.
 
 type WorkspaceMemberBulkActionType = DeepValueOf<typeof CONST.POLICY.MEMBERS_BULK_ACTION_TYPES>;
 
+type WorkspaceDistanceRatesBulkActionType = DeepValueOf<typeof CONST.POLICY.DISTANCE_RATES_BULK_ACTION_TYPES>;
+
 type DropdownOption<TValueType> = {
     value: TValueType;
     text: string;
@@ -66,6 +68,9 @@ type ButtonWithDropdownMenuProps<TValueType> = {
 
     /** Whether the dropdown menu should be shown even if it has only one option */
     shouldAlwaysShowDropdownMenu?: boolean;
+
+    /** Additional style to add to the wrapper */
+    wrapperStyle?: StyleProp<ViewStyle>;
 };
 
-export type {PaymentType, WorkspaceMemberBulkActionType, DropdownOption, ButtonWithDropdownMenuProps};
+export type {PaymentType, WorkspaceMemberBulkActionType, WorkspaceDistanceRatesBulkActionType, DropdownOption, ButtonWithDropdownMenuProps};
diff --git a/src/components/Icon/Expensicons.ts b/src/components/Icon/Expensicons.ts
index d9f46203a703..3f1cde92a583 100644
--- a/src/components/Icon/Expensicons.ts
+++ b/src/components/Icon/Expensicons.ts
@@ -42,6 +42,7 @@ import Concierge from '@assets/images/concierge.svg';
 import Connect from '@assets/images/connect.svg';
 import Copy from '@assets/images/copy.svg';
 import CreditCard from '@assets/images/creditcard.svg';
+import DocumentSlash from '@assets/images/document-slash.svg';
 import Document from '@assets/images/document.svg';
 import DotIndicatorUnfilled from '@assets/images/dot-indicator-unfilled.svg';
 import DotIndicator from '@assets/images/dot-indicator.svg';
@@ -194,6 +195,7 @@ export {
     CreditCard,
     DeletedRoomAvatar,
     Document,
+    DocumentSlash,
     DomainRoomAvatar,
     DotIndicator,
     DotIndicatorUnfilled,
diff --git a/src/components/Icon/Illustrations.ts b/src/components/Icon/Illustrations.ts
index 7f60ad3867c8..58cefb1877ce 100644
--- a/src/components/Icon/Illustrations.ts
+++ b/src/components/Icon/Illustrations.ts
@@ -33,6 +33,7 @@ import Approval from '@assets/images/simple-illustrations/simple-illustration__a
 import BankArrow from '@assets/images/simple-illustrations/simple-illustration__bank-arrow.svg';
 import BigRocket from '@assets/images/simple-illustrations/simple-illustration__bigrocket.svg';
 import PinkBill from '@assets/images/simple-illustrations/simple-illustration__bill.svg';
+import CarIce from '@assets/images/simple-illustrations/simple-illustration__car-ice.svg';
 import ChatBubbles from '@assets/images/simple-illustrations/simple-illustration__chatbubbles.svg';
 import CoffeeMug from '@assets/images/simple-illustrations/simple-illustration__coffeemug.svg';
 import CommentBubbles from '@assets/images/simple-illustrations/simple-illustration__commentbubbles.svg';
@@ -148,4 +149,5 @@ export {
     ThreeLeggedLaptopWoman,
     House,
     Tag,
+    CarIce,
 };
diff --git a/src/languages/en.ts b/src/languages/en.ts
index 3575854ee7e2..d7d8e10eb64f 100755
--- a/src/languages/en.ts
+++ b/src/languages/en.ts
@@ -1755,6 +1755,8 @@ export default {
             workspaceAvatar: 'Workspace avatar',
             mustBeOnlineToViewMembers: 'You must be online in order to view members of this workspace.',
             requested: 'Requested',
+            distanceRates: 'Distance rates',
+            selected: ({selectedNumber}) => `${selectedNumber} selected`,
         },
         type: {
             free: 'Free',
@@ -1816,7 +1818,6 @@ export default {
             makeMember: 'Make member',
             makeAdmin: 'Make admin',
             selectAll: 'Select all',
-            selected: ({selectedNumber}) => `${selectedNumber} selected`,
             error: {
                 genericAdd: 'There was a problem adding this workspace member.',
                 cannotRemove: 'You cannot remove yourself or the workspace owner.',
@@ -1909,6 +1910,23 @@ export default {
             welcomeNote: ({workspaceName}: WelcomeNoteParams) =>
                 `You have been invited to ${workspaceName || 'a workspace'}! Download the Expensify mobile app at use.expensify.com/download to start tracking your expenses.`,
         },
+        distanceRates: {
+            oopsNotSoFast: 'Oops! Not so fast...',
+            workspaceNeeds: 'A workspace needs at least one enabled distance rate.',
+            distance: 'Distance',
+            centrallyManage: 'Centrally manage rates, choose to track in miles or kilometers, and set a default category.',
+            rate: 'Rate',
+            addRate: 'Add rate',
+            deleteRate: 'Delete rate',
+            deleteRates: 'Delete rates',
+            enableRate: 'Enable rate',
+            disableRate: 'Disable rate',
+            disableRates: 'Disable rates',
+            enableRates: 'Enable rates',
+            status: 'Status',
+            enabled: 'Enabled',
+            disabled: 'Disabled',
+        },
         editor: {
             descriptionInputLabel: 'Description',
             nameInputLabel: 'Name',
diff --git a/src/languages/es.ts b/src/languages/es.ts
index 51a83e55fee2..48c4c5bb94c6 100644
--- a/src/languages/es.ts
+++ b/src/languages/es.ts
@@ -1779,6 +1779,8 @@ export default {
             workspaceAvatar: 'Espacio de trabajo avatar',
             mustBeOnlineToViewMembers: 'Debes estar en línea para poder ver los miembros de este espacio de trabajo.',
             requested: 'Solicitado',
+            distanceRates: 'Tasas de distancia',
+            selected: ({selectedNumber}) => `${selectedNumber} seleccionados`,
         },
         type: {
             free: 'Gratis',
@@ -1840,7 +1842,6 @@ export default {
             makeMember: 'Hacer miembro',
             makeAdmin: 'Hacer administrador',
             selectAll: 'Seleccionar todo',
-            selected: ({selectedNumber}) => `${selectedNumber} seleccionados`,
             error: {
                 genericAdd: 'Ha ocurrido un problema al añadir el miembro al espacio de trabajo.',
                 cannotRemove: 'No puedes eliminarte ni a ti mismo ni al dueño del espacio de trabajo.',
@@ -1934,6 +1935,23 @@ export default {
             welcomeNote: ({workspaceName}: WelcomeNoteParams) =>
                 `¡Has sido invitado a ${workspaceName}! Descargue la aplicación móvil Expensify en use.expensify.com/download para comenzar a rastrear sus gastos.`,
         },
+        distanceRates: {
+            oopsNotSoFast: 'Ups! No tan rápido...',
+            workspaceNeeds: 'Un espacio de trabajo necesita al menos una tasa de distancia activa.',
+            distance: 'Distancia',
+            centrallyManage: 'Gestiona centralizadamente las tasas, elige si contabilizar en millas o kilómetros, y define una categoría por defecto',
+            rate: 'Tasa',
+            addRate: 'Agregar tasa',
+            deleteRate: 'Eliminar tasa',
+            deleteRates: 'Eliminar tasas',
+            enableRate: 'Activar tasa',
+            disableRate: 'Desactivar tasa',
+            disableRates: 'Desactivar tasas',
+            enableRates: 'Activar tasas',
+            status: 'Estado',
+            enabled: 'Activada',
+            disabled: 'Desactivada',
+        },
         editor: {
             nameInputLabel: 'Nombre',
             descriptionInputLabel: 'Descripción',
diff --git a/src/libs/API/parameters/OpenPolicyDistanceRatesPageParams.ts b/src/libs/API/parameters/OpenPolicyDistanceRatesPageParams.ts
new file mode 100644
index 000000000000..6594e258fdb6
--- /dev/null
+++ b/src/libs/API/parameters/OpenPolicyDistanceRatesPageParams.ts
@@ -0,0 +1,5 @@
+type OpenPolicyDistanceRatesPageParams = {
+    policyID: string;
+};
+
+export default OpenPolicyDistanceRatesPageParams;
diff --git a/src/libs/API/parameters/index.ts b/src/libs/API/parameters/index.ts
index f529032130bb..b56398f6c4ad 100644
--- a/src/libs/API/parameters/index.ts
+++ b/src/libs/API/parameters/index.ts
@@ -159,3 +159,4 @@ export type {default as SwitchToOldDotParams} from './SwitchToOldDotParams';
 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 OpenPolicyDistanceRatesPageParams} from './OpenPolicyDistanceRatesPageParams';
diff --git a/src/libs/API/types.ts b/src/libs/API/types.ts
index 1b41ced4f1d7..d2aa1c84a9a1 100644
--- a/src/libs/API/types.ts
+++ b/src/libs/API/types.ts
@@ -351,6 +351,7 @@ const READ_COMMANDS = {
     OPEN_POLICY_CATEGORIES_PAGE: 'OpenPolicyCategoriesPage',
     OPEN_WORKSPACE_INVITE_PAGE: 'OpenWorkspaceInvitePage',
     OPEN_DRAFT_WORKSPACE_REQUEST: 'OpenDraftWorkspaceRequest',
+    OPEN_POLICY_DISTANCE_RATES_PAGE: 'OpenPolicyDistanceRatesPage',
 } as const;
 
 type ReadCommand = ValueOf<typeof READ_COMMANDS>;
@@ -386,6 +387,7 @@ type ReadCommandParameters = {
     [READ_COMMANDS.OPEN_POLICY_CATEGORIES_PAGE]: Parameters.OpenPolicyCategoriesPageParams;
     [READ_COMMANDS.OPEN_WORKSPACE_INVITE_PAGE]: Parameters.OpenWorkspaceInvitePageParams;
     [READ_COMMANDS.OPEN_DRAFT_WORKSPACE_REQUEST]: Parameters.OpenDraftWorkspaceRequestParams;
+    [READ_COMMANDS.OPEN_POLICY_DISTANCE_RATES_PAGE]: Parameters.OpenPolicyDistanceRatesPageParams;
 };
 
 const SIDE_EFFECT_REQUEST_COMMANDS = {
diff --git a/src/libs/Navigation/AppNavigator/Navigators/CentralPaneNavigator/BaseCentralPaneNavigator.tsx b/src/libs/Navigation/AppNavigator/Navigators/CentralPaneNavigator/BaseCentralPaneNavigator.tsx
index 976699e31716..28e3bc8f5a88 100644
--- a/src/libs/Navigation/AppNavigator/Navigators/CentralPaneNavigator/BaseCentralPaneNavigator.tsx
+++ b/src/libs/Navigation/AppNavigator/Navigators/CentralPaneNavigator/BaseCentralPaneNavigator.tsx
@@ -25,6 +25,7 @@ const workspaceSettingsScreens = {
     [SCREENS.WORKSPACE.MEMBERS]: () => require('../../../../../pages/workspace/WorkspaceMembersPage').default as React.ComponentType,
     [SCREENS.WORKSPACE.CATEGORIES]: () => require('../../../../../pages/workspace/categories/WorkspaceCategoriesPage').default as React.ComponentType,
     [SCREENS.WORKSPACE.TAGS]: () => require('../../../../../pages/workspace/tags/WorkspaceTagsPage').default as React.ComponentType,
+    [SCREENS.WORKSPACE.DISTANCE_RATES]: () => require('../../../../../pages/workspace/distanceRates/PolicyDistanceRatesPage').default as React.ComponentType,
 } satisfies Screens;
 
 function BaseCentralPaneNavigator() {
diff --git a/src/libs/Navigation/linkingConfig/TAB_TO_CENTRAL_PANE_MAPPING.ts b/src/libs/Navigation/linkingConfig/TAB_TO_CENTRAL_PANE_MAPPING.ts
index f4316009b70b..6641b2c88f1a 100755
--- a/src/libs/Navigation/linkingConfig/TAB_TO_CENTRAL_PANE_MAPPING.ts
+++ b/src/libs/Navigation/linkingConfig/TAB_TO_CENTRAL_PANE_MAPPING.ts
@@ -14,6 +14,7 @@ const TAB_TO_CENTRAL_PANE_MAPPING: Record<BottomTabName, CentralPaneName[]> = {
         SCREENS.WORKSPACE.TRAVEL,
         SCREENS.WORKSPACE.MEMBERS,
         SCREENS.WORKSPACE.CATEGORIES,
+        SCREENS.WORKSPACE.DISTANCE_RATES,
     ],
 };
 
diff --git a/src/libs/Navigation/linkingConfig/config.ts b/src/libs/Navigation/linkingConfig/config.ts
index 3173e6781d62..fc3ad1668cd4 100644
--- a/src/libs/Navigation/linkingConfig/config.ts
+++ b/src/libs/Navigation/linkingConfig/config.ts
@@ -72,6 +72,9 @@ const config: LinkingOptions<RootStackParamList>['config'] = {
                 [SCREENS.WORKSPACE.TAGS]: {
                     path: ROUTES.WORKSPACE_TAGS.route,
                 },
+                [SCREENS.WORKSPACE.DISTANCE_RATES]: {
+                    path: ROUTES.WORKSPACE_DISTANCE_RATES.route,
+                },
             },
         },
         [SCREENS.NOT_FOUND]: '*',
diff --git a/src/libs/Navigation/types.ts b/src/libs/Navigation/types.ts
index 2585231ae6db..9f100d0e1efb 100644
--- a/src/libs/Navigation/types.ts
+++ b/src/libs/Navigation/types.ts
@@ -95,6 +95,9 @@ type CentralPaneNavigatorParamList = {
         policyID: string;
         categoryName: string;
     };
+    [SCREENS.WORKSPACE.DISTANCE_RATES]: {
+        policyID: string;
+    };
 };
 
 type WorkspaceSwitcherNavigatorParamList = {
diff --git a/src/libs/actions/Policy.ts b/src/libs/actions/Policy.ts
index f7203edd9b6b..0c5df5a85d57 100644
--- a/src/libs/actions/Policy.ts
+++ b/src/libs/actions/Policy.ts
@@ -17,6 +17,7 @@ import type {
     DeleteWorkspaceParams,
     OpenDraftWorkspaceRequestParams,
     OpenPolicyCategoriesPageParams,
+    OpenPolicyDistanceRatesPageParams,
     OpenWorkspaceInvitePageParams,
     OpenWorkspaceMembersPageParams,
     OpenWorkspaceParams,
@@ -2758,6 +2759,16 @@ function declineJoinRequest(reportID: string, reportAction: OnyxEntry<ReportActi
     API.write(WRITE_COMMANDS.DECLINE_JOIN_REQUEST, parameters, {optimisticData, failureData, successData});
 }
 
+function openPolicyDistanceRatesPage(policyID?: string) {
+    if (!policyID) {
+        return;
+    }
+
+    const params: OpenPolicyDistanceRatesPageParams = {policyID};
+
+    API.read(READ_COMMANDS.OPEN_POLICY_DISTANCE_RATES_PAGE, params);
+}
+
 export {
     removeMembers,
     updateWorkspaceMembersRole,
@@ -2812,4 +2823,5 @@ export {
     declineJoinRequest,
     createPolicyCategory,
     clearCategoryErrors,
+    openPolicyDistanceRatesPage,
 };
diff --git a/src/pages/workspace/WorkspaceInitialPage.tsx b/src/pages/workspace/WorkspaceInitialPage.tsx
index c4f4d6399dbd..745f95c30c80 100644
--- a/src/pages/workspace/WorkspaceInitialPage.tsx
+++ b/src/pages/workspace/WorkspaceInitialPage.tsx
@@ -162,6 +162,12 @@ function WorkspaceInitialPage({policyDraft, policy: policyProp, policyMembers, r
             action: singleExecution(waitForNavigate(() => Navigation.navigate(ROUTES.WORKSPACE_TAGS.getRoute(policyID)))),
             routeName: SCREENS.WORKSPACE.TAGS,
         },
+        {
+            translationKey: 'workspace.common.distanceRates',
+            icon: Expensicons.Car,
+            action: singleExecution(waitForNavigate(() => Navigation.navigate(ROUTES.WORKSPACE_DISTANCE_RATES.getRoute(policyID)))),
+            routeName: SCREENS.WORKSPACE.DISTANCE_RATES,
+        },
     ];
 
     const menuItems: WorkspaceMenuItem[] = [
diff --git a/src/pages/workspace/WorkspaceMembersPage.tsx b/src/pages/workspace/WorkspaceMembersPage.tsx
index 55d82d66c79c..2715a008c991 100644
--- a/src/pages/workspace/WorkspaceMembersPage.tsx
+++ b/src/pages/workspace/WorkspaceMembersPage.tsx
@@ -469,7 +469,7 @@ function WorkspaceMembersPage({policyMembers, personalDetails, route, policy, se
                     <ButtonWithDropdownMenu<WorkspaceMemberBulkActionType>
                         shouldAlwaysShowDropdownMenu
                         pressOnEnter
-                        customText={translate('workspace.people.selected', {selectedNumber: selectedEmployees.length})}
+                        customText={translate('workspace.common.selected', {selectedNumber: selectedEmployees.length})}
                         buttonSize={CONST.DROPDOWN_BUTTON_SIZE.MEDIUM}
                         onPress={() => null}
                         options={getBulkActionsButtonOptions()}
diff --git a/src/pages/workspace/categories/WorkspaceCategoriesPage.tsx b/src/pages/workspace/categories/WorkspaceCategoriesPage.tsx
index 52d18d8de276..17afefd1cea4 100644
--- a/src/pages/workspace/categories/WorkspaceCategoriesPage.tsx
+++ b/src/pages/workspace/categories/WorkspaceCategoriesPage.tsx
@@ -143,6 +143,7 @@ function WorkspaceCategoriesPage({policy, policyCategories, route}: WorkspaceCat
                 medium
                 onPress={navigateToCategoriesSettings}
                 icon={Expensicons.Gear}
+                iconStyles={[styles.mr2]}
                 text={translate('common.settings')}
                 style={[isSmallScreenWidth && styles.w50]}
             />
@@ -166,7 +167,7 @@ function WorkspaceCategoriesPage({policy, policyCategories, route}: WorkspaceCat
                         {!isSmallScreenWidth && headerButtons}
                     </HeaderWithBackButton>
                     {isSmallScreenWidth && <View style={[styles.pl5, styles.pr5]}>{headerButtons}</View>}
-                    <View style={[styles.ph5, styles.pb5]}>
+                    <View style={[styles.ph5, styles.pb5, styles.pt3]}>
                         <Text style={[styles.textNormal, styles.colorMuted]}>{translate('workspace.categories.subtitle')}</Text>
                     </View>
                     {isLoading && (
diff --git a/src/pages/workspace/distanceRates/PolicyDistanceRatesPage.tsx b/src/pages/workspace/distanceRates/PolicyDistanceRatesPage.tsx
new file mode 100644
index 000000000000..fd6466da1758
--- /dev/null
+++ b/src/pages/workspace/distanceRates/PolicyDistanceRatesPage.tsx
@@ -0,0 +1,292 @@
+import type {StackScreenProps} from '@react-navigation/stack';
+import React, {useEffect, useMemo, useRef, useState} from 'react';
+import {ActivityIndicator, View} from 'react-native';
+import type {OnyxEntry} from 'react-native-onyx';
+import {withOnyx} from 'react-native-onyx';
+import Button from '@components/Button';
+import type {DropdownOption, WorkspaceDistanceRatesBulkActionType} from '@components/ButtonWithDropdownMenu/types';
+import ConfirmModal from '@components/ConfirmModal';
+import HeaderWithBackButton from '@components/HeaderWithBackButton';
+import Icon from '@components/Icon';
+import * as Expensicons from '@components/Icon/Expensicons';
+import * as Illustrations from '@components/Icon/Illustrations';
+import ScreenWrapper from '@components/ScreenWrapper';
+import SelectionList from '@components/SelectionList';
+import TableListItem from '@components/SelectionList/TableListItem';
+import Text from '@components/Text';
+import useLocalize from '@hooks/useLocalize';
+import useNetwork from '@hooks/useNetwork';
+import useTheme from '@hooks/useTheme';
+import useThemeStyles from '@hooks/useThemeStyles';
+import useWindowDimensions from '@hooks/useWindowDimensions';
+import * as CurrencyUtils from '@libs/CurrencyUtils';
+import type {CentralPaneNavigatorParamList} from '@navigation/types';
+import AdminPolicyAccessOrNotFoundWrapper from '@pages/workspace/AdminPolicyAccessOrNotFoundWrapper';
+import PaidPolicyAccessOrNotFoundWrapper from '@pages/workspace/PaidPolicyAccessOrNotFoundWrapper';
+import * as Policy from '@userActions/Policy';
+import ButtonWithDropdownMenu from '@src/components/ButtonWithDropdownMenu';
+import CONST from '@src/CONST';
+import ONYXKEYS from '@src/ONYXKEYS';
+import type SCREENS from '@src/SCREENS';
+import type * as OnyxTypes from '@src/types/onyx';
+import type {CustomUnit, Rate} from '@src/types/onyx/Policy';
+
+type RateForList = {
+    value: string;
+    text: string;
+    keyForList: string;
+    isSelected: boolean;
+    rightElement: React.ReactNode;
+};
+
+type PolicyDistanceRatesPageOnyxProps = {
+    /** Policy details */
+    policy: OnyxEntry<OnyxTypes.Policy>;
+};
+
+type PolicyDistanceRatesPageProps = PolicyDistanceRatesPageOnyxProps & StackScreenProps<CentralPaneNavigatorParamList, typeof SCREENS.WORKSPACE.DISTANCE_RATES>;
+
+function PolicyDistanceRatesPage({policy, route}: PolicyDistanceRatesPageProps) {
+    const {isSmallScreenWidth} = useWindowDimensions();
+    const styles = useThemeStyles();
+    const theme = useTheme();
+    const {translate} = useLocalize();
+    const [selectedDistanceRates, setSelectedDistanceRates] = useState<Rate[]>([]);
+    const [isWarningModalVisible, setIsWarningModalVisible] = useState(false);
+    const dropdownButtonRef = useRef(null);
+
+    const customUnit: CustomUnit | undefined = useMemo(
+        () => (policy?.customUnits !== undefined ? policy?.customUnits[Object.keys(policy?.customUnits)[0]] : undefined),
+        [policy?.customUnits],
+    );
+    const customUnitRates: Record<string, Rate> = useMemo(() => customUnit?.rates ?? {}, [customUnit]);
+
+    function fetchDistanceRates() {
+        Policy.openPolicyDistanceRatesPage(route.params.policyID);
+    }
+
+    const {isOffline} = useNetwork({onReconnect: fetchDistanceRates});
+
+    useEffect(() => {
+        fetchDistanceRates();
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+
+    const distanceRatesList = useMemo<RateForList[]>(
+        () =>
+            Object.values(customUnitRates).map((value) => ({
+                value: value.customUnitRateID ?? '',
+                text: `${CurrencyUtils.convertAmountToDisplayString(value.rate, value.currency ?? CONST.CURRENCY.USD)} / ${translate(
+                    `common.${customUnit?.attributes?.unit ?? CONST.CUSTOM_UNITS.DISTANCE_UNIT_MILES}`,
+                )}`,
+                keyForList: value.customUnitRateID ?? '',
+                isSelected: selectedDistanceRates.find((rate) => rate.customUnitRateID === value.customUnitRateID) !== undefined,
+                rightElement: (
+                    <View style={styles.flexRow}>
+                        <Text style={[styles.alignSelfCenter, !value.enabled && styles.textSupporting]}>
+                            {value.enabled ? translate('workspace.distanceRates.enabled') : translate('workspace.distanceRates.disabled')}
+                        </Text>
+                        <View style={[styles.p1, styles.pl2]}>
+                            <Icon
+                                src={Expensicons.ArrowRight}
+                                fill={theme.icon}
+                            />
+                        </View>
+                    </View>
+                ),
+            })),
+        [customUnit?.attributes?.unit, customUnitRates, selectedDistanceRates, styles.alignSelfCenter, styles.flexRow, styles.p1, styles.pl2, styles.textSupporting, theme.icon, translate],
+    );
+
+    const addRate = () => {
+        // Navigation.navigate(ROUTES.WORKSPACE_CREATE_DISTANCE_RATE.getRoute(route.params.policyID));
+    };
+
+    const openSettings = () => {
+        // Navigation.navigate(ROUTES.WORKSPACE_DISTANCE_RATES_SETTINGS.getRoute(route.params.policyID));
+    };
+
+    const editRate = () => {
+        // Navigation.navigate(ROUTES.WORKSPACE_EDIT_DISTANCE_RATE.getRoute(route.params.policyID, rateID));
+    };
+
+    const disableRates = () => {
+        if (selectedDistanceRates.length !== Object.values(customUnitRates).length) {
+            // run enableWorkspaceDistanceRates for all selected rows
+            return;
+        }
+
+        setIsWarningModalVisible(true);
+    };
+
+    const enableRates = () => {
+        // run enableWorkspaceDistanceRates for all selected rows
+    };
+
+    const deleteRates = () => {
+        if (selectedDistanceRates.length !== Object.values(customUnitRates).length) {
+            // run deleteWorkspaceDistanceRates for all selected rows
+            return;
+        }
+
+        setIsWarningModalVisible(true);
+    };
+
+    const toggleRate = (rate: RateForList) => {
+        if (selectedDistanceRates.find((selectedRate) => selectedRate.customUnitRateID === rate.value) !== undefined) {
+            setSelectedDistanceRates((prev) => prev.filter((selectedRate) => selectedRate.customUnitRateID !== rate.value));
+        } else {
+            setSelectedDistanceRates((prev) => [...prev, customUnitRates[rate.value]]);
+        }
+    };
+
+    const toggleAllRates = () => {
+        if (selectedDistanceRates.length === Object.values(customUnitRates).length) {
+            setSelectedDistanceRates([]);
+        } else {
+            setSelectedDistanceRates([...Object.values(customUnitRates)]);
+        }
+    };
+
+    const getCustomListHeader = () => (
+        <View style={[styles.flex1, styles.flexRow, styles.justifyContentBetween, styles.pl3, styles.pr9]}>
+            <Text style={styles.searchInputStyle}>{translate('workspace.distanceRates.rate')}</Text>
+            <Text style={[styles.searchInputStyle, styles.textAlignCenter]}>{translate('statusPage.status')}</Text>
+        </View>
+    );
+
+    const getBulkActionsButtonOptions = () => {
+        const options: Array<DropdownOption<WorkspaceDistanceRatesBulkActionType>> = [
+            {
+                text: translate(`workspace.distanceRates.${selectedDistanceRates.length <= 1 ? 'deleteRate' : 'deleteRates'}`),
+                value: CONST.POLICY.DISTANCE_RATES_BULK_ACTION_TYPES.DELETE,
+                icon: Expensicons.Trashcan,
+                onSelected: deleteRates,
+            },
+        ];
+
+        const enabledRates = selectedDistanceRates.filter((rate) => rate.enabled);
+        if (enabledRates.length > 0) {
+            options.push({
+                text: translate(`workspace.distanceRates.${enabledRates.length <= 1 ? 'disableRate' : 'disableRates'}`),
+                value: CONST.POLICY.DISTANCE_RATES_BULK_ACTION_TYPES.DISABLE,
+                icon: Expensicons.DocumentSlash,
+                onSelected: disableRates,
+            });
+        }
+
+        const disabledRates = selectedDistanceRates.filter((rate) => !rate.enabled);
+        if (disabledRates.length > 0) {
+            options.push({
+                text: translate(`workspace.distanceRates.${disabledRates.length <= 1 ? 'enableRate' : 'enableRates'}`),
+                value: CONST.POLICY.DISTANCE_RATES_BULK_ACTION_TYPES.ENABLE,
+                icon: Expensicons.DocumentSlash,
+                onSelected: enableRates,
+            });
+        }
+
+        return options;
+    };
+
+    const isLoading = !isOffline && customUnit === undefined;
+
+    const headerButtons = (
+        <View style={[styles.w100, styles.flexRow, isSmallScreenWidth && styles.mb3]}>
+            {selectedDistanceRates.length === 0 ? (
+                <>
+                    <Button
+                        medium
+                        text={translate('workspace.distanceRates.addRate')}
+                        onPress={addRate}
+                        style={[styles.mr3, isSmallScreenWidth && styles.flexGrow1]}
+                        icon={Expensicons.Plus}
+                        iconStyles={[styles.mr2]}
+                        success
+                    />
+
+                    <Button
+                        medium
+                        text={translate('workspace.common.settings')}
+                        onPress={openSettings}
+                        style={[isSmallScreenWidth && styles.flexGrow1]}
+                        icon={Expensicons.Gear}
+                        iconStyles={[styles.mr2]}
+                    />
+                </>
+            ) : (
+                <ButtonWithDropdownMenu<WorkspaceDistanceRatesBulkActionType>
+                    shouldAlwaysShowDropdownMenu
+                    pressOnEnter
+                    customText={translate('workspace.common.selected', {selectedNumber: selectedDistanceRates.length})}
+                    buttonSize={CONST.DROPDOWN_BUTTON_SIZE.MEDIUM}
+                    onPress={() => null}
+                    options={getBulkActionsButtonOptions()}
+                    buttonRef={dropdownButtonRef}
+                    style={[isSmallScreenWidth && styles.flexGrow1]}
+                    wrapperStyle={styles.w100}
+                />
+            )}
+        </View>
+    );
+
+    return (
+        <AdminPolicyAccessOrNotFoundWrapper policyID={route.params.policyID}>
+            <PaidPolicyAccessOrNotFoundWrapper policyID={route.params.policyID}>
+                <ScreenWrapper
+                    includeSafeAreaPaddingBottom={false}
+                    style={[styles.defaultModalContainer]}
+                    testID={PolicyDistanceRatesPage.displayName}
+                    shouldShowOfflineIndicatorInWideScreen
+                >
+                    <HeaderWithBackButton
+                        icon={Illustrations.CarIce}
+                        title={translate('workspace.common.distanceRates')}
+                        shouldShowBackButton={isSmallScreenWidth}
+                    >
+                        {!isSmallScreenWidth && headerButtons}
+                    </HeaderWithBackButton>
+                    {isSmallScreenWidth && <View style={[styles.ph5]}>{headerButtons}</View>}
+                    <View style={[styles.ph5, styles.pb5, styles.pt3]}>
+                        <Text style={[styles.textNormal, styles.colorMuted]}>{translate('workspace.distanceRates.centrallyManage')}</Text>
+                    </View>
+                    {isLoading && (
+                        <ActivityIndicator
+                            size={CONST.ACTIVITY_INDICATOR_SIZE.LARGE}
+                            style={[styles.flex1]}
+                            color={theme.spinner}
+                        />
+                    )}
+                    {Object.values(customUnitRates).length > 0 && (
+                        <SelectionList
+                            canSelectMultiple
+                            ListItem={TableListItem}
+                            onSelectAll={toggleAllRates}
+                            onCheckboxPress={toggleRate}
+                            sections={[{data: distanceRatesList, indexOffset: 0, isDisabled: false}]}
+                            onSelectRow={editRate}
+                            showScrollIndicator
+                            customListHeader={getCustomListHeader()}
+                            listHeaderWrapperStyle={[styles.ph9, styles.pv3, styles.pb5]}
+                        />
+                    )}
+                    <ConfirmModal
+                        onConfirm={() => setIsWarningModalVisible(false)}
+                        isVisible={isWarningModalVisible}
+                        title={translate('workspace.distanceRates.oopsNotSoFast')}
+                        prompt={translate('workspace.distanceRates.workspaceNeeds')}
+                        confirmText={translate('common.buttonConfirm')}
+                        shouldShowCancelButton={false}
+                    />
+                </ScreenWrapper>
+            </PaidPolicyAccessOrNotFoundWrapper>
+        </AdminPolicyAccessOrNotFoundWrapper>
+    );
+}
+
+PolicyDistanceRatesPage.displayName = 'PolicyDistanceRatesPage';
+
+export default withOnyx<PolicyDistanceRatesPageProps, PolicyDistanceRatesPageOnyxProps>({
+    policy: {
+        key: ({route}) => `${ONYXKEYS.COLLECTION.POLICY}${route.params.policyID}`,
+    },
+})(PolicyDistanceRatesPage);
diff --git a/src/pages/workspace/tags/WorkspaceTagsPage.tsx b/src/pages/workspace/tags/WorkspaceTagsPage.tsx
index c82740eff361..fb7611ae681c 100644
--- a/src/pages/workspace/tags/WorkspaceTagsPage.tsx
+++ b/src/pages/workspace/tags/WorkspaceTagsPage.tsx
@@ -107,7 +107,7 @@ function WorkspaceTagsPage({policyTags, route}: WorkspaceTagsPageProps) {
                         title={translate('workspace.common.tags')}
                         shouldShowBackButton={isSmallScreenWidth}
                     />
-                    <View style={[styles.ph5, styles.pb5]}>
+                    <View style={[styles.ph5, styles.pb5, styles.pt3]}>
                         <Text style={[styles.textNormal, styles.colorMuted]}>{translate('workspace.tags.subtitle')}</Text>
                     </View>
                     {tagList.length ? (