diff --git a/apps/www/app/(app)/themes/page.tsx b/apps/www/app/(app)/themes/page.tsx
index e12c1de067c..4ee4a555ee2 100644
--- a/apps/www/app/(app)/themes/page.tsx
+++ b/apps/www/app/(app)/themes/page.tsx
@@ -1,7 +1,14 @@
 import { CardsDemo } from "@/components/cards"
+import { ThemeWrapper } from "@/components/theme-wrapper"
 
 import "public/registry/themes.css"
 
 export default function ThemesPage() {
-  return <CardsDemo />
+  return (
+    <>
+      <ThemeWrapper>
+        <CardsDemo />
+      </ThemeWrapper>
+    </>
+  )
 }