diff --git a/packages/console/src/components/PlanUsage/index.tsx b/packages/console/src/components/PlanUsage/index.tsx
index f88c9615e..2bfb361b6 100644
--- a/packages/console/src/components/PlanUsage/index.tsx
+++ b/packages/console/src/components/PlanUsage/index.tsx
@@ -34,7 +34,7 @@ function PlanUsage({ subscriptionUsage, currentSubscription, currentPlan }: Prop
           mauLimit.toLocaleString()
         )}
         {' MAU'}
-        {usagePercent && `(${(usagePercent * 100).toFixed(2)}%)`}
+        {usagePercent && ` (${(usagePercent * 100).toFixed(2)}%)`}
       </div>
       <div className={styles.planCycle}>
         <DynamicT