diff --git a/client/src/pages/home.tsx b/client/src/pages/home.tsx
index 0f57d43..7bc1a03 100644
--- a/client/src/pages/home.tsx
+++ b/client/src/pages/home.tsx
@@ -235,7 +235,7 @@ 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={wide ? "lg:col-span-5" : "lg:col-span-4"}>
+        <div className={wide ? "lg:col-span-5" : "lg:col-span-3"}>
           {isGalleryPage && galleryImages ? (
             <GalleryHeroCard images={galleryImages.slice(0, 30)} />
           ) : hero ? (
@@ -243,9 +243,9 @@ function FeaturedCarousel({ articles, popular, galleryImages }: { articles: Arti
           ) : null}
         </div>
         {!wide && (
-          <div className="lg:col-span-1 grid grid-cols-1 gap-3">
+          <div className="lg:col-span-2 grid grid-cols-1 gap-3">
             {side.map((a) => (
-              <SideCard key={a.id} article={a} />
+              <MediumCard key={a.id} article={a} />
             ))}
           </div>
         )}