Merge pull request #37668 from dragnoir/37417-fix

Fix: add spacing between long category name and category status

Author: puneetlath

src/pages/workspace/categories/WorkspaceCategoriesPage.tsx

@@ -71,7 +71,9 @@ function WorkspaceCategoriesPage({policyCategories, route}: WorkspaceCategoriesP
                 isSelected: !!selectedCategories[value.name],
                 rightElement: (
                     <View style={styles.flexRow}>
-                        <Text style={[styles.disabledText, styles.alignSelfCenter]}>{value.enabled ? translate('workspace.common.enabled') : translate('workspace.common.disabled')}</Text>
+                        <Text style={[styles.textSupporting, styles.alignSelfCenter, styles.pl2, styles.label]}>
+                            {value.enabled ? translate('workspace.common.enabled') : translate('workspace.common.disabled')}
+                        </Text>
                         <View style={[styles.p1, styles.pl2]}>
                             <Icon
                                 src={Expensicons.ArrowRight}
@@ -81,7 +83,7 @@ function WorkspaceCategoriesPage({policyCategories, route}: WorkspaceCategoriesP
                     </View>
                 ),
             })),
-        [policyCategories, selectedCategories, styles.alignSelfCenter, styles.disabledText, styles.flexRow, styles.p1, styles.pl2, theme.icon, translate],
+        [policyCategories, selectedCategories, styles.alignSelfCenter, styles.flexRow, styles.label, styles.p1, styles.pl2, styles.textSupporting, theme.icon, translate],
     );
 
     const toggleCategory = (category: PolicyForList) => {