diff --git a/src/components/FeaturedBentoFromDb.tsx b/src/components/FeaturedBentoFromDb.tsx
index 79691b2..08f3e6f 100644
--- a/src/components/FeaturedBentoFromDb.tsx
+++ b/src/components/FeaturedBentoFromDb.tsx
@@ -73,7 +73,7 @@ export default async function FeaturedBento() {
       <div className="flex items-center gap-3 mb-4 md:mb-5 flex-wrap">
         <span className="section-label">Featured Editorial</span>
         <div className="flex-1 h-px bg-[#DCE6F2]" />
-        <Link href="/news/featured" className="text-[11px] font-mono text-[var(--color-text-info,#60a5fa)] hover:underline whitespace-nowrap">
+        <Link href="/news/featured" className="text-sm md:text-base font-mono font-bold uppercase tracking-wider text-[#1D4ED8] hover:text-[#1E3A8A] hover:underline whitespace-nowrap bg-[#EFF6FF] border border-[#1D4ED8]/30 px-3 py-1.5 rounded-sm transition-colors">
           All featured →
         </Link>
       </div>