diff --git a/apps/www/components/component-preview.tsx b/apps/www/components/component-preview.tsx
index 6efa2216b0..f517416b4c 100644
--- a/apps/www/components/component-preview.tsx
+++ b/apps/www/components/component-preview.tsx
@@ -102,7 +102,7 @@ export function ComponentPreview({
               codeString && <CopyButton value={codeString} />
             )}
           </div>
-          <ThemeWrapper>
+          <ThemeWrapper defaultTheme="zinc">
             <div
               className={cn(
                 "preview flex min-h-[350px] w-full justify-center p-10",