From bb3db122904815c5c3321b992d0d2cd96b1bb50d Mon Sep 17 00:00:00 2001
From: Nodebrute <anusharukhsar1@gmail.com>
Date: Sat, 1 Nov 2025 01:44:12 +0500
Subject: [PATCH] fix cut off in categories page

---
 src/languages/en.ts                          | 2 +-
 src/pages/workspace/upgrade/UpgradeIntro.tsx | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/languages/en.ts b/src/languages/en.ts
index 5e0b41fe3e05d..383f9949ba2c6 100755
--- a/src/languages/en.ts
+++ b/src/languages/en.ts
@@ -5604,7 +5604,7 @@ const translations = {
                 title: 'Categories',
                 description: 'Categories allow you to track and organize spend. Use our default categories or add your own.',
                 onlyAvailableOnPlan: ({formattedPrice, hasTeam2025Pricing}: {formattedPrice: string; hasTeam2025Pricing: boolean}) =>
-                    `Categories are available on the Collect plan, starting at <strong>${formattedPrice}</strong> ${hasTeam2025Pricing ? `per member per month.` : `per active member per month.`}</muted-text>`,
+                    `<muted-text>Categories are available on the Collect plan, starting at <strong>${formattedPrice}</strong> ${hasTeam2025Pricing ? `per member per month.` : `per active member per month.`}</muted-text>`,
             },
             glCodes: {
                 title: 'GL codes',
diff --git a/src/pages/workspace/upgrade/UpgradeIntro.tsx b/src/pages/workspace/upgrade/UpgradeIntro.tsx
index f7c6fcd99d59f..db737a4d84a6b 100644
--- a/src/pages/workspace/upgrade/UpgradeIntro.tsx
+++ b/src/pages/workspace/upgrade/UpgradeIntro.tsx
@@ -130,9 +130,9 @@ function UpgradeIntro({feature, onUpgrade, buttonDisabled, loading, isCategorizi
                 <View style={styles.mb5}>
                     <Text style={[styles.textHeadlineH1, styles.mb4]}>{translate(feature.title)}</Text>
                     <Text style={[styles.textNormal, styles.textSupporting, styles.mb4]}>{translate(feature.description)}</Text>
-                    <Text style={[styles.textNormal, styles.textSupporting]}>
+                    <View style={[styles.renderHTML]}>
                         <RenderHTML html={translate(`workspace.upgrade.${feature.id}.onlyAvailableOnPlan`, {formattedPrice, hasTeam2025Pricing})} />
-                    </Text>
+                    </View>
                 </View>
                 <Button
                     isLoading={loading}