diff --git a/packages/headless/src/components/rating/rating.tsx b/packages/headless/src/components/rating/rating.tsx
index 64c0dbe6b..7fa2c3b78 100644
--- a/packages/headless/src/components/rating/rating.tsx
+++ b/packages/headless/src/components/rating/rating.tsx
@@ -40,6 +40,7 @@ export const Rating = component$(
             const Icon = props.icon || DefaultIcon ;
             return (
               <RatingIcon
+                key={useId()}
                 name={`rating-${uniqueId}`}
                 index={i}
                 onChange$={() => onItemClick$(i)}