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