From ca3eb5b5a57839481f310d662505496b46b3bc63 Mon Sep 17 00:00:00 2001
From: Waleed <walif6@gmail.com>
Date: Thu, 4 Dec 2025 15:12:50 -0800
Subject: [PATCH] fix(subscription): fixed text clipping on subscription panel
 (#2198)

---
 .../subscription/components/usage-limit/usage-limit.tsx       | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components-new/settings-modal/components/subscription/components/usage-limit/usage-limit.tsx b/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components-new/settings-modal/components/subscription/components/usage-limit/usage-limit.tsx
index 0ce65973e7..3de8fedcec 100644
--- a/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components-new/settings-modal/components/subscription/components/usage-limit/usage-limit.tsx
+++ b/apps/sim/app/workspace/[workspaceId]/w/components/sidebar/components-new/settings-modal/components/subscription/components/usage-limit/usage-limit.tsx
@@ -169,6 +169,8 @@ export const UsageLimit = forwardRef<UsageLimitRef, UsageLimitProps>(
       }
     }
 
+    const inputWidthCh = Math.max(3, inputValue.length + 1)
+
     return (
       <div className='flex items-center'>
         {isEditing ? (
@@ -200,7 +202,7 @@ export const UsageLimit = forwardRef<UsageLimitRef, UsageLimitProps>(
               autoCorrect='off'
               autoCapitalize='off'
               spellCheck='false'
-              style={{ width: `${Math.max(3, inputValue.length)}ch` }}
+              style={{ width: `${inputWidthCh}ch` }}
             />
           </>
         ) : (