diff --git a/site/docs-brand.css b/site/docs-brand.css
index d84adaf..b071232 100644
--- a/site/docs-brand.css
+++ b/site/docs-brand.css
@@ -29,22 +29,32 @@
 /* The way back up to the landing page, in mdBook's sticky menu bar so
    it stays reachable while reading. theme/index.hbs places it. */
 
+/* A flex row centers the mark against the word. The box is exactly
+   as tall as the bar and aligns to the top of the line box, so it
+   fills the bar the way mdBook's own buttons do with their
+   line-height; without the top alignment an inline-flex box sits on
+   the baseline and rides high. */
 .caisson-site-link {
   display: inline-flex;
   align-items: center;
+  vertical-align: top;
   gap: 0.35rem;
-  padding: 0 0.5rem;
   height: var(--menu-bar-height);
+  /* The sibling icons bring their own 8px of left padding, so this
+     side needs less to sit the same distance from the next button. */
+  padding: 0 2px 0 8px;
   color: var(--icons);
   font-size: 0.9rem;
   font-weight: 600;
+  line-height: 1;
   text-decoration: none;
+  white-space: nowrap;
 }
 
-.caisson-site-link:hover { color: var(--icons-hover); }
-
 .caisson-site-link img { display: block; }
 
+.caisson-site-link:hover { color: var(--icons-hover); }
+
 /* On narrow screens the icon alone carries it. */
 @media only screen and (max-width: 500px) {
   .caisson-site-link span { display: none; }