diff --git a/attached_assets/image_1756740630966.png b/attached_assets/image_1756740630966.png
new file mode 100644
index 0000000..639b527
Binary files /dev/null and b/attached_assets/image_1756740630966.png differ
diff --git a/client/src/components/netflix-grid.tsx b/client/src/components/netflix-grid.tsx
index 7ef4bc5..9be35a1 100644
--- a/client/src/components/netflix-grid.tsx
+++ b/client/src/components/netflix-grid.tsx
@@ -188,8 +188,8 @@ function CategoryRow({ category, onVideoClick, hideScrollButtons = false }: Cate
 
   const scroll = (direction: 'left' | 'right') => {
     if (scrollRef.current) {
-      // Scroll exactly 4 cards (240px + 12px gap = 252px per card)
-      const cardWidth = 240 + 12; // card width + gap
+      // Scroll exactly 4 cards (240px + 16px gap = 256px per card)
+      const cardWidth = 240 + 16; // card width + gap
       const scrollAmount = cardWidth * 4; // 4 cards at once
       
       const currentScroll = scrollRef.current.scrollLeft;
@@ -247,7 +247,7 @@ function CategoryRow({ category, onVideoClick, hideScrollButtons = false }: Cate
         {/* Scrollable video row - true edge to edge */}
         <div
           ref={scrollRef}
-          className="flex gap-3 overflow-x-auto scrollbar-hide pb-0 pl-4 pr-4"
+          className="flex gap-4 overflow-x-auto scrollbar-hide pb-0 pl-4 pr-4"
           style={{ 
             maxWidth: '1000px', 
             margin: '0 auto',