diff --git a/client/src/pages/home.tsx b/client/src/pages/home.tsx
index c566082..6567ba0 100644
--- a/client/src/pages/home.tsx
+++ b/client/src/pages/home.tsx
@@ -238,25 +238,20 @@ function FeaturedCarousel({ articles, popular, galleryImages }: { articles: Arti
   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="lg:col-span-3">
+        <div className={isGalleryPage ? "lg:col-span-5" : "lg:col-span-3"}>
           {isGalleryPage && galleryImages ? (
             <GalleryHeroCard images={galleryImages.slice(0, 30)} />
           ) : hero ? (
             <HeroCard article={hero} />
           ) : null}
         </div>
-        <div className="lg:col-span-2 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-1 gap-4">
-          {isGalleryPage && galleryImages ? (
-            <>
-              <GalleryMediumCard images={galleryImages.slice(30, 60)} />
-              <GalleryMediumCard images={galleryImages.slice(60, 90)} />
-            </>
-          ) : (
-            side.map((a) => (
+        {!isGalleryPage && (
+          <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} />
-            ))
-          )}
-        </div>
+            ))}
+          </div>
+        )}
         <div className="lg:col-span-1">
           {popular && popular.length > 0 && <TopStoriesList articles={popular} />}
         </div>