From 0fc787adb4cab7ef1631d7122d3100e1294af4d6 Mon Sep 17 00:00:00 2001
From: Prasanta Kumar Dutta <7580745+pkd2512@users.noreply.github.com>
Date: Wed, 13 Sep 2023 16:18:01 +0530
Subject: [PATCH] spacing tweaks

---
 src/components/ReferralBlock/ReferralBlock.svelte | 15 ++++++++++++---
 src/components/SiteFooter/Referrals/Link.svelte   |  4 +++-
 2 files changed, 15 insertions(+), 4 deletions(-)

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>