diff --git a/attached_assets/image_1772474664853.png b/attached_assets/image_1772474664853.png
new file mode 100644
index 0000000..8f050cf
Binary files /dev/null and b/attached_assets/image_1772474664853.png differ
diff --git a/client/src/components/weather-widget.tsx b/client/src/components/weather-widget.tsx
index 3a2b612..c07ca40 100644
--- a/client/src/components/weather-widget.tsx
+++ b/client/src/components/weather-widget.tsx
@@ -209,7 +209,7 @@ export function SidebarWeatherWidget() {
   if (!weather) return null;
 
   return (
-    <div className="bg-gradient-to-br from-card to-card/80 rounded-lg border border-card-border p-4 aspect-square flex flex-col justify-between" data-testid="sidebar-weather">
+    <div className="bg-gradient-to-br from-card to-card/80 rounded-lg border border-card-border p-4 flex flex-col justify-between" data-testid="sidebar-weather">
       <div className="flex items-center justify-between">
         <div className="flex items-center gap-1.5">
           <MapPin className="w-3.5 h-3.5 text-primary" />
diff --git a/client/src/pages/home.tsx b/client/src/pages/home.tsx
index 953e7f8..e0beb87 100644
--- a/client/src/pages/home.tsx
+++ b/client/src/pages/home.tsx
@@ -568,9 +568,11 @@ export default function Home() {
               </div>
             )}
           </div>
-          <div className="lg:col-span-1 space-y-4">
+          <div className="lg:col-span-1 flex flex-col gap-4">
             <SidebarWeatherWidget />
-            {articles && articles.length > 0 && <TopStoriesList articles={[...articles].sort((a, b) => new Date(b.publishedAt).getTime() - new Date(a.publishedAt).getTime()).slice(0, 4)} />}
+            <div className="flex-1">
+              {articles && articles.length > 0 && <TopStoriesList articles={[...articles].sort((a, b) => new Date(b.publishedAt).getTime() - new Date(a.publishedAt).getTime()).slice(0, 4)} />}
+            </div>
             <SidebarAd />
           </div>
         </div>