From e52853cc2db59cba920df39d5ffd51a71c4824b4 Mon Sep 17 00:00:00 2001
From: Gregory Schier <gschier1990@gmail.com>
Date: Sat, 4 Jul 2026 14:44:49 -0700
Subject: [PATCH] Always render commercial use banner placeholder

---
 apps/yaak-client/components/CommercialUseBanner.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/apps/yaak-client/components/CommercialUseBanner.tsx b/apps/yaak-client/components/CommercialUseBanner.tsx
index f1719f28..aa7265ee 100644
--- a/apps/yaak-client/components/CommercialUseBanner.tsx
+++ b/apps/yaak-client/components/CommercialUseBanner.tsx
@@ -10,6 +10,7 @@ import { DismissibleBanner } from "./core/DismissibleBanner";
 const COMMERCIAL_USE_SNOOZE_MS = 7 * 24 * 60 * 60 * 1000;
 const COMMERCIAL_USE_BANNER_MESSAGE =
   "Personal use of Yaak is free. If you’re using Yaak at work, please purchase a license.";
+const hiddenBanner = <span aria-hidden className="block h-0 w-0 shrink-0 overflow-hidden" />;
 
 export function CommercialUseBanner({
   source,
@@ -55,7 +56,7 @@ export function CommercialUseBanner({
   }, [setSnoozedAt, snoozed, source]);
 
   if (!visible || isSnoozeLoading || (snoozed && !snoozeStartedRef.current)) {
-    return null;
+    return hiddenBanner;
   }
 
   return (