diff --git a/src/pages/index.astro b/src/pages/index.astro
index bb4a2f9ed..a9f3452a7 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -326,7 +326,7 @@ const featuredBlogs = await Promise.all(
                   <div class='flex py-16 md:py-0 gap-6 h-full'>
                     <QuoteIcon className='w-6 h-6 md:w-10 fill-juxt shrink-0' />
                     <div class='flex flex-col justify-between text-white gap-4 max-w-xs sm:max-w-sm md:max-w-none'>
-                      <div class='text-xl md:text-2xl'>{quote}</div>
+                      <div class='text-xl leading-snug'>{quote}</div>
                       <div class='text-sm uppercase font-semibold'>{name}</div>
                     </div>
                   </div>
diff --git a/tailwind.config.cjs b/tailwind.config.cjs
index c428efd56..97f1e14b5 100644
--- a/tailwind.config.cjs
+++ b/tailwind.config.cjs
@@ -22,6 +22,21 @@ module.exports = {
           }
         }
       }
+    },
+    fontSize: {
+      xxs: '0.579rem',
+      xs: '0.694rem',
+      sm: '0.833rem',
+      base: '1rem',
+      md: '1.2rem',
+      lg: '1.44rem',
+      xl: '1.728rem',
+      '2xl': '2.074rem',
+      '3xl': '2.488rem',
+      '4xl': '2.986rem',
+      '5xl': '3.583rem',
+      '6xl': '4.3rem',
+      '7xl': '5.16rem'
     }
   },
   plugins: [require('@tailwindcss/typography')]