diff --git a/frontend/src/lib/components/ArticleCard.svelte b/frontend/src/lib/components/ArticleCard.svelte
index aac9de6..69718e0 100644
--- a/frontend/src/lib/components/ArticleCard.svelte
+++ b/frontend/src/lib/components/ArticleCard.svelte
@@ -108,8 +108,11 @@
      the zone. (The hero is its own layout and opts out.) */
   .tile .tags {
     align-items: center; align-content: center;
-    min-height: 54px;   /* fully contains two rows of pills, so every card's
-                           tag zone is the same height regardless of pill count */
+    /* Comfortably taller than two rows of pills, so the wrapped (3-pill) case
+       still gets even margins top and bottom rather than filling edge-to-edge.
+       With centering, 1-, 2-, and 3-pill cards all sit symmetrically and their
+       dividers/titles line up. */
+    min-height: 64px;
     border-bottom: 1px solid var(--line);
   }
   /* Source on its own line below the tags, left-justified, for uniformity. */