diff --git a/apps/web/components/site-banner.tsx b/apps/web/components/site-banner.tsx
index 5990dc7..4641ed7 100644
--- a/apps/web/components/site-banner.tsx
+++ b/apps/web/components/site-banner.tsx
@@ -1,10 +1,14 @@
 // Temporary pre-launch notice. Remove this component and its import in
 // app/layout.tsx once the service is open for production use.
+// Background is set inline so it renders regardless of Tailwind theme wiring.
 export function SiteBanner() {
   return (
-    <div className="border-b border-[#4f46e5] bg-[--color-accent] px-4 py-2 text-center text-[12.5px] font-medium leading-snug text-white">
+    <div
+      style={{ backgroundColor: '#6366f1' }}
+      className="border-b border-[#4f46e5] px-4 py-2 text-center text-[12.5px] font-medium leading-snug text-white"
+    >
       <span className="font-semibold uppercase tracking-wide">Preview</span>
-      <span className="px-1.5 opacity-60">·</span>
+      <span className="px-1.5 opacity-70">·</span>
       BuildMyMCPServer is not yet open for production use — sign-ups, server generation and billing
       are still being finalised, and data may be reset.
     </div>