diff --git a/src/components/ReferralBlock/ReferralBlock.svelte b/src/components/ReferralBlock/ReferralBlock.svelte
index af88c6dd..1c65195b 100644
--- a/src/components/ReferralBlock/ReferralBlock.svelte
+++ b/src/components/ReferralBlock/ReferralBlock.svelte
@@ -103,13 +103,22 @@
                 class="headline"
                 class:xs="{clientWidth && clientWidth < 450}"
               >
-                <div class="kicker m-0 body-caption" data-chromatic="ignore">
+                <div
+                  class="kicker m-0 body-caption leading-tighter"
+                  data-chromatic="ignore"
+                >
                   {referral.kicker.name}
                 </div>
-                <div class="title m-0 body-caption" data-chromatic="ignore">
+                <div
+                  class="title m-0 body-caption leading-tighter"
+                  data-chromatic="ignore"
+                >
                   {referral.title}
                 </div>
-                <div class="publish-time body-caption" data-chromatic="ignore">
+                <div
+                  class="publish-time body-caption leading-tighter"
+                  data-chromatic="ignore"
+                >
                   {getTime(new Date(referral.display_time))}
                 </div>
               </div>
diff --git a/src/components/SiteFooter/Referrals/Link.svelte b/src/components/SiteFooter/Referrals/Link.svelte
index 45b60861..60b91ac3 100644
--- a/src/components/SiteFooter/Referrals/Link.svelte
+++ b/src/components/SiteFooter/Referrals/Link.svelte
@@ -19,7 +19,9 @@
         <div class="image"></div>
       {/if}
     </IntersectionObserver>
-    <p class="body-caption font-bold" data-chromatic="ignore">{title}</p>
+    <p class="body-caption font-bold leading-tighter" data-chromatic="ignore">
+      {title}
+    </p>
   </a>
 </div>