diff --git a/attached_assets/image_1772317442504.png b/attached_assets/image_1772317442504.png
new file mode 100644
index 0000000..fd16f42
Binary files /dev/null and b/attached_assets/image_1772317442504.png differ
diff --git a/client/src/pages/home.tsx b/client/src/pages/home.tsx
index 220a866..a85f957 100644
--- a/client/src/pages/home.tsx
+++ b/client/src/pages/home.tsx
@@ -360,7 +360,7 @@ function FeaturedHeroCard({ article, focalPoints }: { article: Article; focalPoi
   );
 }
 
-function FeaturedCarousel({ articles, popular, galleryImages, focalPoints }: { articles: Article[]; popular?: Article[]; galleryImages?: GalleryImage[]; focalPoints?: Record<string, { x: number; y: number }> }) {
+function FeaturedCarousel({ articles, popular, galleryImages, focalPoints, sideArticle }: { articles: Article[]; popular?: Article[]; galleryImages?: GalleryImage[]; focalPoints?: Record<string, { x: number; y: number }>; sideArticle?: Article }) {
   const pageSize = 3;
   const totalPages = Math.max(1, Math.ceil(Math.min(articles.length, 9) / pageSize));
   const [page, setPage] = useState(0);
@@ -393,8 +393,9 @@ function FeaturedCarousel({ articles, popular, galleryImages, focalPoints }: { a
             </div>
           </div>
         </div>
-        <div className="lg:col-span-1">
+        <div className="lg:col-span-1 flex flex-col gap-4">
           {popular && popular.length > 0 && <TopStoriesList articles={popular} />}
+          {sideArticle && <WideCard article={sideArticle} focalPoints={focalPoints} />}
         </div>
       </div>
       {totalPages > 1 && (
@@ -521,7 +522,7 @@ export default function Home() {
       <Header />
       <main className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4 space-y-4">
 
-        <FeaturedCarousel articles={articles} popular={popular} galleryImages={galleryImages} focalPoints={focalPoints} />
+        <FeaturedCarousel articles={articles} popular={popular} galleryImages={galleryImages} focalPoints={focalPoints} sideArticle={widePickedArticles[0]} />
 
         {gridRows.map((row, ri) => (
           <div key={ri} className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4">
@@ -535,11 +536,9 @@ export default function Home() {
           </div>
         ))}
 
-        {widePickedArticles.length > 0 && (
+        {widePickedArticles.length > 1 && (
           <div className="grid grid-cols-1 lg:grid-cols-2 gap-4">
-            {widePickedArticles.map((a) => (
-              <WideCard key={`wide-${a.id}`} article={a} focalPoints={focalPoints} />
-            ))}
+            <WideCard article={widePickedArticles[1]} focalPoints={focalPoints} />
           </div>
         )}