diff --git a/assets/templates/bookmark.njk b/assets/templates/bookmark.njk
index 4b92898..86942ea 100644
--- a/assets/templates/bookmark.njk
+++ b/assets/templates/bookmark.njk
@@ -11,14 +11,19 @@
    Empty state is d-none, not the hidden attribute: Bootstrap declares .d-flex
    after Reboot's [hidden] rule, both !important and at the same specificity,
    so the utility would win. #}
-<span class="bookmark navbar-text {% if mark %}d-flex{% else %}d-none{% endif %} align-items-center gap-2"
+<span class="bookmark navbar-text {% if mark %}d-flex{% else %}d-none{% endif %} align-items-center gap-1"
       id="bookmark"
       {%- if not mark %}
       hx-get="api/bookmark" hx-trigger="worker-ready from:body"
       hx-target="this" hx-swap="outerHTML"
       {%- endif %}>
 {%- if mark %}
-  <span class="bookmark-label badge text-bg-secondary">Bookmark</span>
+  {# A word and a colon, not a badge: this is one line of text that happens to
+     end in a link, and a pill in front of it read as a control. Outside the
+     anchor so that only the reference is underlined -- Reboot underlines an
+     <a>, and the label is not the part you can go to. It takes the muted
+     navbar colour from .navbar-text on the parent without asking. #}
+  <span class="bookmark-label">Bookmark:</span>
   {# Not boosted: a real navigation lets the browser scroll to the verse
      anchor, which a swap into #content would not do. #}
   <a class="bookmark-link link-light text-truncate" href="{{ mark.href }}"