diff --git a/index.html b/index.html
index 9bf551d..45101cb 100644
--- a/index.html
+++ b/index.html
@@ -270,11 +270,12 @@ <h2>Here’s what our readers think:</h2>
       <div class="footer-links">
         <div class="container">
           <div class="flex">
-            <a class="box" href="https://twitter.com/perfemail"
+            <a class="box narrow" href="https://twitter.com/perfemail"
               >Get news on Twitter</a
             >
-            <a class="box" href="/rss">Receive issues via RSS</a>
-            <a class="box" href="mailto:hi@perf.email">Suggest new content</a>
+            <a class="box narrow" rel="me" href="https://webperf.social/@calibre">Follow on Mastodon</a>
+            <a class="box narrow" href="/rss">Receive issues via RSS</a>
+            <a class="box narrow" href="mailto:hi@perf.email">Suggest new content</a>
           </div>
           <!-- flex -->
         </div>
diff --git a/style.css b/style.css
index 88109e3..4f6a6f0 100644
--- a/style.css
+++ b/style.css
@@ -465,6 +465,10 @@ footer p:first-child {
     width: 360px;
   }
 
+  .box.narrow {
+    width: 190px;
+  }
+
   .box:first-child,
   .box:nth-child(2),
   .box:nth-child(4),