diff --git a/components/landing-page/blog/BlogSectionClient.tsx b/components/landing-page/blog/BlogSectionClient.tsx
index 6390c195a..30044674d 100644
--- a/components/landing-page/blog/BlogSectionClient.tsx
+++ b/components/landing-page/blog/BlogSectionClient.tsx
@@ -34,7 +34,7 @@ const BlogSectionClient = ({ posts }: BlogSectionClientProps) => {
       >
         <header className='mb-16 flex items-end justify-between'>
           <div className='max-w-[628px]'>
-            <h3 className='gradient-text text-left text-sm leading-[120%] tracking-[-0.64px] md:leading-[160%] md:font-medium md:tracking-[-0.48px]'>
+            <h3 className='bg-gradient-to-r from-[#3AE6B2] to-[#A7F950] bg-clip-text text-transparent'>
               From the Blog
             </h3>
             <h2