diff --git a/cards/templates/cards/_card_item.html b/cards/templates/cards/_card_item.html
index 03b7494..c1d775b 100644
--- a/cards/templates/cards/_card_item.html
+++ b/cards/templates/cards/_card_item.html
@@ -33,8 +33,8 @@
           <div class="stat-label">Speed <small class="is-size-7">(km/h)</small></div>
           <div class="stat-value" style="margin-left:8px;font-weight:600">
             <div>{{ card.speed_display }}</div>
-            <div class="is-size-7" style="font-weight:500">
-              {% for t in card.speed_star_types %}<span class="star {{ t }}">{% if t == 'full' %}★{% else %}☆{% endif %}</span>{% endfor %}
+            <div class="is-size-7" style="font-weight:500; display:flex; align-items:center; gap:8px;">
+              <div class="stars">{% for t in card.speed_star_types %}<span class="star {{ t }}">{% if t == 'full' %}★{% else %}☆{% endif %}</span>{% endfor %}</div>
               <span style="margin-left:6px">(orig: {{ card.speed_orig }})</span>
             </div>
           </div>
@@ -43,8 +43,8 @@
           <div class="stat-label">Weight <small class="is-size-7">(kg)</small></div>
           <div class="stat-value" style="margin-left:8px;font-weight:600">
             <div>{{ card.weight_display }}</div>
-            <div class="is-size-7" style="font-weight:500">
-              {% for t in card.weight_star_types %}<span class="star {{ t }}">{% if t == 'full' %}★{% else %}☆{% endif %}</span>{% endfor %}
+            <div class="is-size-7" style="font-weight:500; display:flex; align-items:center; gap:8px;">
+              <div class="stars">{% for t in card.weight_star_types %}<span class="star {{ t }}">{% if t == 'full' %}★{% else %}☆{% endif %}</span>{% endfor %}</div>
               <span style="margin-left:6px">(orig: {{ card.weight_orig }})</span>
             </div>
           </div>
@@ -52,10 +52,10 @@
         <div class="stat-row">
           <div class="stat-label">Intelligence <small class="is-size-7">(score)</small></div>
           <div class="stat-value" style="margin-left:8px;font-weight:600">
-            <div class="is-size-7" style="font-weight:600">
-              {% for t in card.intelligence_star_types %}<span class="star {{ t }}">{% if t == 'full' %}★{% else %}☆{% endif %}</span>{% endfor %}
+            <div style="display:flex;align-items:center;gap:8px">
+              <div class="is-size-7" style="font-weight:600"><div class="stars">{% for t in card.intelligence_star_types %}<span class="star {{ t }}">{% if t == 'full' %}★{% else %}☆{% endif %}</span>{% endfor %}</div></div>
+              <div class="is-size-7" style="font-weight:500">(orig: {{ card.intelligence_orig }})</div>
             </div>
-            <div class="is-size-7" style="font-weight:500">(orig: {{ card.intelligence_orig }})</div>
           </div>
         </div>
       </div>
diff --git a/cards/templates/cards/_card_preview.html b/cards/templates/cards/_card_preview.html
index 5ce2ccc..8006df3 100644
--- a/cards/templates/cards/_card_preview.html
+++ b/cards/templates/cards/_card_preview.html
@@ -33,28 +33,28 @@
                 <div class="stat-label">Speed <small class="is-size-7">(km/h)</small></div>
                 <div class="stat-value" style="margin-left:8px;font-weight:700">
                   <div>{{ card.speed_display }}</div>
-                  <div class="is-size-7" style="font-weight:500">{% for t in card.speed_star_types %}<span class="star {{ t }}">{% if t == 'full' %}★{% else %}☆{% endif %}</span>{% endfor %} <span style="margin-left:6px">(orig: {{ card.speed_orig }})</span></div>
+                  <div class="is-size-7" style="font-weight:500; display:flex; align-items:center; gap:8px;"><div class="stars">{% for t in card.speed_star_types %}<span class="star {{ t }}">{% if t == 'full' %}★{% else %}☆{% endif %}</span>{% endfor %}</div> <span style="margin-left:6px">(orig: {{ card.speed_orig }})</span></div>
                 </div>
               </div>
               <div class="stat-row">
                 <div class="stat-label">Weight <small class="is-size-7">(kg)</small></div>
                 <div class="stat-value" style="margin-left:8px;font-weight:700">
                   <div>{{ card.weight_display }}</div>
-                  <div class="is-size-7" style="font-weight:500">{% for t in card.weight_star_types %}<span class="star {{ t }}">{% if t == 'full' %}★{% else %}☆{% endif %}</span>{% endfor %} <span style="margin-left:6px">(orig: {{ card.weight_orig }})</span></div>
+                  <div class="is-size-7" style="font-weight:500; display:flex; align-items:center; gap:8px;"><div class="stars">{% for t in card.weight_star_types %}<span class="star {{ t }}">{% if t == 'full' %}★{% else %}☆{% endif %}</span>{% endfor %}</div> <span style="margin-left:6px">(orig: {{ card.weight_orig }})</span></div>
                 </div>
               </div>
               <div class="stat-row">
                 <div class="stat-label">Intelligence <small class="is-size-7">(score)</small></div>
                 <div class="stat-value" style="margin-left:8px;font-weight:700">
-                  <div class="is-size-7" style="font-weight:600">{% for t in card.intelligence_star_types %}<span class="star {{ t }}">{% if t == 'full' %}★{% else %}☆{% endif %}</span>{% endfor %}</div>
-                  <div class="is-size-7" style="font-weight:500">(orig: {{ card.intelligence_orig }})</div>
+                  <div style="display:flex;align-items:center;gap:8px"><div class="is-size-7" style="font-weight:600"><div class="stars">{% for t in card.intelligence_star_types %}<span class="star {{ t }}">{% if t == 'full' %}★{% else %}☆{% endif %}</span>{% endfor %}</div></div>
+                  <div class="is-size-7" style="font-weight:500">(orig: {{ card.intelligence_orig }})</div></div>
                 </div>
               </div>
               <div class="stat-row">
                 <div class="stat-label">Height <small class="is-size-7">(m)</small></div>
                 <div class="stat-value" style="margin-left:8px;font-weight:700">
                   <div>{{ card.height_display }}</div>
-                  <div class="is-size-7" style="font-weight:500">{% for t in card.height_star_types %}<span class="star {{ t }}">{% if t == 'full' %}★{% else %}☆{% endif %}</span>{% endfor %} <span style="margin-left:6px">(orig: {{ card.height_orig }})</span></div>
+                  <div class="is-size-7" style="font-weight:500; display:flex; align-items:center; gap:8px;"><div class="stars">{% for t in card.height_star_types %}<span class="star {{ t }}">{% if t == 'full' %}★{% else %}☆{% endif %}</span>{% endfor %}</div> <span style="margin-left:6px">(orig: {{ card.height_orig }})</span></div>
                 </div>
               </div>
             </div>
diff --git a/cards/templates/cards/base.html b/cards/templates/cards/base.html
index 518f187..a3b1d41 100644
--- a/cards/templates/cards/base.html
+++ b/cards/templates/cards/base.html
@@ -51,6 +51,9 @@
         border-radius:6px;
         box-shadow:none;
       }
+      /* Consistent star group styling */
+      .toptrump-card .stars{display:inline-flex; gap:6px; align-items:center; font-size:1rem; margin-left:6px}
+      .toptrump-card .stars .star{margin:0;}
       /* Star rating visuals (app-level) */
       .star { font-size:0.95rem; display:inline-block; line-height:1; margin-left:2px; }
       .star.full { color:#ffdd57; }