From 4282e1c59166031dcc27062eb00957ba09b3546f Mon Sep 17 00:00:00 2001
From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com>
Date: Mon, 2 Mar 2026 18:04:12 +0000
Subject: [PATCH] Limit the number of displayed articles in the top stories
 widget

Modify the `TopStoriesList` component in `home.tsx` to display only the latest 4 articles, reducing the widget's height.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 517dfa7b-26ac-463d-a6e1-a58c6df97188
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: df59c966-9f11-495e-afd7-7f289b663009
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/f209e72a-0939-48fa-84fc-57854de71967/517dfa7b-26ac-463d-a6e1-a58c6df97188/nFw7xof
Replit-Helium-Checkpoint-Created: true
---
 client/src/pages/home.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/client/src/pages/home.tsx b/client/src/pages/home.tsx
index df27beb..953e7f8 100644
--- a/client/src/pages/home.tsx
+++ b/client/src/pages/home.tsx
@@ -570,7 +570,7 @@ export default function Home() {
           </div>
           <div className="lg:col-span-1 space-y-4">
             <SidebarWeatherWidget />
-            {articles && articles.length > 0 && <TopStoriesList articles={[...articles].sort((a, b) => new Date(b.publishedAt).getTime() - new Date(a.publishedAt).getTime()).slice(0, 5)} />}
+            {articles && articles.length > 0 && <TopStoriesList articles={[...articles].sort((a, b) => new Date(b.publishedAt).getTime() - new Date(a.publishedAt).getTime()).slice(0, 4)} />}
             <SidebarAd />
           </div>
         </div>