diff --git a/web/src/lib/components/ChangelogStreamPage.svelte b/web/src/lib/components/ChangelogStreamPage.svelte
index 18b2efd..042dc68 100644
--- a/web/src/lib/components/ChangelogStreamPage.svelte
+++ b/web/src/lib/components/ChangelogStreamPage.svelte
@@ -59,9 +59,13 @@
                 >{projectPath(ref.project)}@{ref.version}</a
               >
             {/each}
-            {#each subjectTags(doc) as tag (tag)}
-              <span class="tag">{tag}</span>
-            {/each}
+            {#if subjectTags(doc).length > 0}
+              <span class="tags">
+                {#each subjectTags(doc) as tag (tag)}
+                  <span class="tag">{tag}</span>
+                {/each}
+              </span>
+            {/if}
           </p>
         </section>
       {/each}
@@ -104,11 +108,20 @@
     font-weight: 700;
   }
   /* tag chips: publisher claims in the ordinary ink register — never
-     the semantic colors, never a filter control */
+     the semantic colors, never a filter control. One wrapping cluster,
+     set off from the facts (date, refs) by a wider interval: facts
+     then claims, two registers in one rail. */
+  .tags {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: flex-end;
+    gap: 0.3rem;
+    margin-top: 0.45rem;
+  }
   .tag {
     color: var(--ink);
     border: 1px solid var(--rule);
-    padding: 0.05rem 0.45rem;
+    padding: 0.1rem 0.5rem;
     font-size: 0.8125rem;
   }
   .meta {
@@ -133,5 +146,11 @@
       gap: 0.9rem;
       margin-top: 0.75rem;
     }
+    /* in the single-row rail the wider 0.9rem column gap already
+       separates the clusters; the tags need no extra offset */
+    .tags {
+      justify-content: flex-start;
+      margin-top: 0;
+    }
   }
 </style>
diff --git a/web/src/lib/components/ReleasePage.svelte b/web/src/lib/components/ReleasePage.svelte
index 9ca477a..489685f 100644
--- a/web/src/lib/components/ReleasePage.svelte
+++ b/web/src/lib/components/ReleasePage.svelte
@@ -79,7 +79,7 @@
     <div class="main">
       {#if changelog}
         <section class="changelog">
-          <h2 class="display-sub">{changelog.title}</h2>
+          <h2 class="display-sub" class:tagged={changelogTags.length > 0}>{changelog.title}</h2>
           {#if changelogTags.length > 0}
             <p class="tags">
               {#each changelogTags as tag (tag)}
@@ -229,16 +229,20 @@
     margin-bottom: 1.25rem;
   }
   /* tag chips: publisher claims in the ordinary ink register — never
-     the semantic colors */
+     the semantic colors. The tags bind to the title they describe
+     (tight above, generous below), and the prose follows the cluster. */
+  .changelog h2.tagged {
+    margin-bottom: 0.5rem;
+  }
   .changelog .tags {
     display: flex;
     flex-wrap: wrap;
-    gap: 0.4rem;
-    margin: -0.75rem 0 1.25rem;
+    gap: 0.3rem;
+    margin-bottom: 1.25rem;
   }
   .changelog .tag {
     border: 1px solid var(--rule);
-    padding: 0.05rem 0.45rem;
+    padding: 0.1rem 0.5rem;
     font-size: 0.8125rem;
   }
   .artifacts-section {