diff --git a/client/src/pages/home.tsx b/client/src/pages/home.tsx
index 6d26d58..1e64c69 100644
--- a/client/src/pages/home.tsx
+++ b/client/src/pages/home.tsx
@@ -602,7 +602,7 @@ function FeaturedCarousel({ articles, popular, galleryImages, focalPoints }: { a
         </div>
       )}
       <div
-        className="grid grid-cols-1 lg:grid-cols-5 lg:grid-rows-1 gap-4 lg:flex-1 lg:min-h-[460px] transition-opacity duration-300"
+        className="grid grid-cols-1 lg:grid-cols-5 lg:grid-rows-1 gap-4 lg:flex-1 lg:min-h-[460px] lg:max-h-[560px] transition-opacity duration-300"
         style={{ opacity: fading ? 0 : 1 }}
       >
         <div className="lg:col-span-3">
@@ -916,9 +916,9 @@ export default function Home() {
               focalPoints={focalPoints}
             />
           </div>
-          <div className="lg:col-span-1 space-y-4">
+          <div className="lg:col-span-1 space-y-4 lg:flex lg:flex-col">
             <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, 8)} className="lg:flex-1 lg:min-h-0 overflow-hidden" />}
             <SidebarAd />
           </div>
         </div>