diff --git a/src/components/ProBanner.tsx b/src/components/ProBanner.tsx
index 1b0c21c..d0b96d1 100644
--- a/src/components/ProBanner.tsx
+++ b/src/components/ProBanner.tsx
@@ -13,15 +13,16 @@ import { useUserBudgetInfo } from "@/hooks/useUserBudgetInfo";
 export function ProBanner() {
   const { settings } = useSettings();
   const { userBudget } = useUserBudgetInfo();
-  if (settings?.enableDyadPro || userBudget) {
-    return null;
-  }
 
   const [selectedBanner] = useState<"ai" | "smart" | "turbo">(() => {
     const options = ["ai", "smart", "turbo"] as const;
     return options[Math.floor(Math.random() * options.length)];
   });
 
+  if (settings?.enableDyadPro || userBudget) {
+    return null;
+  }
+
   return (
     <div className="mt-6 max-w-2xl mx-auto">
       {selectedBanner === "ai" ? (