diff --git a/client/src/components/netflix-grid.tsx b/client/src/components/netflix-grid.tsx index b3778ed..61d926b 100644 --- a/client/src/components/netflix-grid.tsx +++ b/client/src/components/netflix-grid.tsx @@ -174,10 +174,12 @@ function CategoryRow({ category, onVideoClick }: CategoryRowProps) { }, 12); // Update every 12ms for buttery smooth flow }; - // Initialize in middle section for infinite scroll + // Initialize with first video on the right side useEffect(() => { if (category.videos.length > 0) { - setTranslateX(-category.videos.length * videoWidth); // Start in middle section + // Position so first video appears on the right side of visible area + const rightPosition = -(category.videos.length * videoWidth) + (videoWidth * 4); + setTranslateX(rightPosition); } }, [category.videos.length]);