diff --git a/cloud/app/src/routes/workspace/[id].tsx b/cloud/app/src/routes/workspace/[id].tsx
index 8a0ee14d..a3e14cdf 100644
--- a/cloud/app/src/routes/workspace/[id].tsx
+++ b/cloud/app/src/routes/workspace/[id].tsx
@@ -672,6 +672,7 @@ function NewUserSection() {
 
 export default function () {
   const params = useParams()
+  const balanceInfo = createAsync(() => getBillingInfo(params.id))
 
   return (
     <div data-page="workspace-[id]">
@@ -690,7 +691,7 @@ export default function () {
         <NewUserSection />
         <KeySection />
         <BillingSection />
-        <Show when={createAsync(() => getBillingInfo(params.id))()?.reload}>
+        <Show when={balanceInfo()?.reload}>
           <MonthlyLimitSection />
         </Show>
         <UsageSection />