ratings/static/ratings/styles/_stars.sass

@@ -63,6 +63,11 @@
     --star-size: 1.6em
     width: 8em
 
+// TODO: refactor stars-helper
+.stars-helper
+  max-height: 1.4rem
+  transform: translateY(-.1rem)
+
 .ratings-summary
   display: flex
   flex-direction: column

ratings/templates/ratings/components/rating.html

@@ -14,14 +14,12 @@
             {{ rating.user }}
           </a>
         </li>
-        <li class="me-auto">
-          <div class="align-items-center d-flex">
-            {% with score_percentage=rating.score %}
-              <a href="{{ extension.get_ratings_url }}?score={{ rating.score }}">
-                {% include "ratings/components/average.html" with score=rating.score %}
-              </a>
-            {% endwith %}
-          </div>
+        <li class="align-items-center d-flex me-auto">
+          {% with score_percentage=rating.score %}
+            <a class="stars-helper" href="{{ extension.get_ratings_url }}?score={{ rating.score }}">
+              {% include "ratings/components/average.html" with score=rating.score %}
+            </a>
+          {% endwith %}
         </li>
         <li>
           <a href="{{ extension.get_versions_url }}#v{{ rating.version.version|slugify }}">