diff --git a/src/components/FeaturedBentoFromDb.tsx b/src/components/FeaturedBentoFromDb.tsx
index e4eac25..7159a4b 100644
--- a/src/components/FeaturedBentoFromDb.tsx
+++ b/src/components/FeaturedBentoFromDb.tsx
@@ -112,7 +112,7 @@ export default async function FeaturedBento() {
                     {hero.category}
                   </div>
                 )}
-                <h3 className="font-serif text-2xl md:text-4xl lg:text-5xl text-white leading-tight max-w-3xl group-hover:text-[var(--color-text-info,#60a5fa)] transition-colors">
+                <h3 className="font-serif text-base md:text-lg lg:text-2xl text-white leading-tight max-w-3xl group-hover:text-[var(--color-text-info,#60a5fa)] transition-colors">
                   {hero.title}
                 </h3>
                 {hero.excerpt && (