diff --git a/apps/web/components/demo/rating.tsx b/apps/web/components/demo/rating.tsx
index 2bd629e9..2b06ce29 100644
--- a/apps/web/components/demo/rating.tsx
+++ b/apps/web/components/demo/rating.tsx
@@ -20,7 +20,7 @@ export function Rating({ element }: ComponentRenderProps) {
         {Array.from({ length: maxRating }).map((_, i) => (
           <span
             key={i}
-            className={`text-sm ${i < ratingValue ? "text-yellow-400" : "text-muted"}`}
+            className={`text-sm ${i < ratingValue ? "text-yellow-400" : "text-foreground/30"}`}
           >
             *
           </span>