diff --git a/_includes/components/webmentions.njk b/_includes/components/webmentions.njk
index f793697..752af2e 100644
--- a/_includes/components/webmentions.njk
+++ b/_includes/components/webmentions.njk
@@ -16,7 +16,7 @@
 
 {% if mentions.length %}
 <section class="webmentions mt-8 pt-8 border-t border-surface-200 dark:border-surface-700" id="webmentions">
-  <h2 class="text-xl font-bold text-surface-900 dark:text-surface-100 mb-6">
+  <h2 class="text-lg font-semibold text-surface-700 dark:text-surface-300 mb-6">
     Interactions ({{ mentions.length }})
   </h2>
 
diff --git a/js/webmentions.js b/js/webmentions.js
index 310bf56..ade85c1 100644
--- a/js/webmentions.js
+++ b/js/webmentions.js
@@ -630,8 +630,8 @@
     section.setAttribute('aria-label', 'Webmentions');
 
     const header = document.createElement('h2');
-    header.className = 'text-xl font-bold text-surface-900 dark:text-surface-100 mb-6';
-    header.textContent = 'Webmentions (0)';
+    header.className = 'text-lg font-semibold text-surface-700 dark:text-surface-300 mb-6';
+    header.textContent = 'Interactions (0)';
 
     section.appendChild(header);
     webmentionForm.parentNode.insertBefore(section, webmentionForm);