diff --git a/templates/components/rating_stars.html.twig b/templates/components/rating_stars.html.twig
index 896872d..e14a9dc 100644
--- a/templates/components/rating_stars.html.twig
+++ b/templates/components/rating_stars.html.twig
@@ -1,5 +1,5 @@
 <div class="inline-flex items-center">
     {% for grade in range(1, 5) %}
-        {{ icon('star', html_classes('w-4 h-4', { 'text-gray-200': rating < grade * 100, 'text-primary': rating >= grade * 100 })) }}
+        {{ icon('star', html_classes('w-4 h-4', { 'text-gray-200': (rating/100)|round < grade, 'text-primary': (rating/100)|round >= grade })) }}
     {% endfor %}
 </div>
\ No newline at end of file