diff --git a/client/src/components/netflix-grid.tsx b/client/src/components/netflix-grid.tsx
index 1295e59..b9b0ac0 100644
--- a/client/src/components/netflix-grid.tsx
+++ b/client/src/components/netflix-grid.tsx
@@ -230,7 +230,7 @@ function CategoryRow({ category, onVideoClick, hideScrollButtons = false }: Cate
       // Calculate card width with gap for precise scrolling
       const containerWidth = scrollRef.current.clientWidth;
       const isMobile = window.innerWidth < 768;
-      const cardWidth = isMobile ? containerWidth - 24 : 330; // 24px for mobile margins (3rem - 1.5rem each side)
+      const cardWidth = isMobile ? containerWidth - 24 : 280; // 24px for mobile margins
       const gap = 12; // 3 * 0.25rem = 12px gap
       const scrollAmount = cardWidth + gap;
       
@@ -424,7 +424,7 @@ function CategoryRow({ category, onVideoClick, hideScrollButtons = false }: Cate
           {category.videos.map((video, index) => (
             <div 
               key={video.id} 
-              className="flex-shrink-0 w-[calc(100vw-2.5rem)] sm:w-[330px] relative hover:z-50"
+              className="flex-shrink-0 w-[calc(100vw-1.5rem)] sm:w-[280px] relative hover:z-50"
               style={{ 
                 scrollSnapAlign: window.innerWidth < 768 ? 'start' : 'none'
               }}