From 8851109241d7acfeeda1e3d0ab48323b579d92ff Mon Sep 17 00:00:00 2001
From: mkzie2 <mkzie2@gmail.com>
Date: Wed, 30 Oct 2024 10:28:25 +0700
Subject: [PATCH] Add a divider between the default spend categories in
 category settings

---
 .../categories/WorkspaceCategoriesSettingsPage.tsx         | 1 +
 src/styles/index.ts                                        | 7 +++++++
 2 files changed, 8 insertions(+)

diff --git a/src/pages/workspace/categories/WorkspaceCategoriesSettingsPage.tsx b/src/pages/workspace/categories/WorkspaceCategoriesSettingsPage.tsx
index 2b3fae8e972c..60c6a4af52ee 100644
--- a/src/pages/workspace/categories/WorkspaceCategoriesSettingsPage.tsx
+++ b/src/pages/workspace/categories/WorkspaceCategoriesSettingsPage.tsx
@@ -119,6 +119,7 @@ function WorkspaceCategoriesSettingsPage({policy, route}: WorkspaceCategoriesSet
                     onCloseError={() => Policy.clearPolicyErrorField(policy?.id ?? '-1', 'requiresCategory')}
                     shouldPlaceSubtitleBelowSwitch
                 />
+                <View style={[styles.sectionDividerLine]} />
                 <View style={[styles.containerWithSpaceBetween]}>
                     {canUseWorkspaceRules && !!currentPolicy && (sections.at(0)?.data?.length ?? 0) > 0 && (
                         <SelectionList
diff --git a/src/styles/index.ts b/src/styles/index.ts
index 5b04a7a8eace..a8e58b047658 100644
--- a/src/styles/index.ts
+++ b/src/styles/index.ts
@@ -3008,6 +3008,13 @@ const styles = (theme: ThemeColors) =>
             ...spacing.mv3,
         },
 
+        sectionDividerLine: {
+            height: 1,
+            backgroundColor: theme.border,
+            ...spacing.mh5,
+            ...spacing.mv6,
+        },
+
         unreadIndicatorText: {
             color: theme.unreadIndicator,
             ...FontUtils.fontFamily.platform.EXP_NEUE_BOLD,