diff --git a/packages/components/rating/src/RatingStar.tsx b/packages/components/rating/src/RatingStar.tsx
index 222972f2e4..6e53f92e45 100644
--- a/packages/components/rating/src/RatingStar.tsx
+++ b/packages/components/rating/src/RatingStar.tsx
@@ -41,12 +41,12 @@ export const RatingStar = forwardRef<
         )}
         style={{ width: value * 100 + '%' }}
       >
-        <Icon size="md">
+        <Icon className="text-main-variant" size="md">
           <StarFill />
         </Icon>
       </div>
 
-      <Icon size="md">
+      <Icon className="text-on-surface/dim-3" size="md">
         <StarOutline />
       </Icon>
     </div>