diff --git a/attached_assets/image_1772475497045.png b/attached_assets/image_1772475497045.png
new file mode 100644
index 0000000..de09baf
Binary files /dev/null and b/attached_assets/image_1772475497045.png differ
diff --git a/client/src/pages/home.tsx b/client/src/pages/home.tsx
index e53a2e5..e5cc295 100644
--- a/client/src/pages/home.tsx
+++ b/client/src/pages/home.tsx
@@ -566,7 +566,17 @@ export default function Home() {
             <SidebarWeatherWidget />
             {articles && articles.length > 0 && <TopStoriesList articles={[...articles].sort((a, b) => new Date(b.publishedAt).getTime() - new Date(a.publishedAt).getTime()).slice(0, 5)} />}
             {widePickedArticles.map((a) => (
-              <SideCard key={`side-top-${a.id}`} article={a} focalPoints={focalPoints} />
+              <Link key={`side-top-${a.id}`} href={`/article/${a.slug}`}>
+                <div className="group cursor-pointer rounded-lg overflow-hidden bg-card border border-card-border" data-testid={`card-sidebar-${a.id}`}>
+                  <div className="aspect-video overflow-hidden">
+                    <img src={thumbUrl(a.coverImage)} alt={a.title} className="w-full h-full object-cover transition-transform duration-500 group-hover:scale-105" loading="lazy" />
+                  </div>
+                  <div className="p-2.5">
+                    <span className="text-[10px] text-primary font-medium">{a.author}</span>
+                    <h4 className="text-xs font-bold text-card-foreground line-clamp-2 group-hover:text-primary transition-colors leading-snug mt-0.5">{a.title}</h4>
+                  </div>
+                </div>
+              </Link>
             ))}
             <SidebarAd />
           </div>