diff --git a/client/src/pages/home.tsx b/client/src/pages/home.tsx
index d7e5e8d..b378a86 100644
--- a/client/src/pages/home.tsx
+++ b/client/src/pages/home.tsx
@@ -220,29 +220,34 @@ function FeaturedCarousel({ articles, popular, galleryImages }: { articles: Arti
   }, [paused, next, total]);
 
   const isGalleryPage = hasGallery && page === total - 1;
+  const isWidePage = page === 1;
 
   let hero: Article | null = null;
   let side: Article[] = [];
 
   if (!isGalleryPage && articles.length > 0) {
     hero = articles[page % articles.length];
-    side = [
-      articles[(page * 2 + 1) % articles.length],
-      articles[(page * 2 + 2) % articles.length],
-    ];
+    if (!isWidePage) {
+      side = [
+        articles[(page * 2 + 1) % articles.length],
+        articles[(page * 2 + 2) % articles.length],
+      ];
+    }
   }
 
+  const wide = isGalleryPage || isWidePage;
+
   return (
     <section data-testid="featured-carousel" onMouseEnter={() => setPaused(true)} onMouseLeave={() => setPaused(false)}>
       <div className="grid grid-cols-1 lg:grid-cols-6 gap-4">
-        <div className={isGalleryPage ? "lg:col-span-5" : "lg:col-span-3"}>
+        <div className={wide ? "lg:col-span-5" : "lg:col-span-3"}>
           {isGalleryPage && galleryImages ? (
             <GalleryHeroCard images={galleryImages.slice(0, 30)} />
           ) : hero ? (
             <HeroCard article={hero} />
           ) : null}
         </div>
-        {!isGalleryPage && (
+        {!wide && (
           <div className="lg:col-span-2 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-1 gap-4">
             {side.map((a) => (
               <MediumCard key={a.id} article={a} />