diff --git a/attached_assets/image_1756732620092.png b/attached_assets/image_1756732620092.png
new file mode 100644
index 0000000..3571764
Binary files /dev/null and b/attached_assets/image_1756732620092.png differ
diff --git a/client/src/components/netflix-grid.tsx b/client/src/components/netflix-grid.tsx
index 9eb36b3..03a375e 100644
--- a/client/src/components/netflix-grid.tsx
+++ b/client/src/components/netflix-grid.tsx
@@ -243,29 +243,17 @@ function CategoryRow({ category, onVideoClick, hideScrollButtons = false }: Cate
         {category.title}
       </h2>
       <div className="relative overflow-hidden">
-        {/* Right scroll button - only on desktop and not hidden */}
-        {!hideScrollButtons && (
-          <Button
-            onClick={() => scroll('right')}
-            onMouseEnter={() => startAutoScroll('right')}
-            onMouseLeave={stopAutoScroll}
-            className="absolute right-2 top-1/2 -translate-y-1/2 z-[40] bg-black/70 hover:bg-black/85 text-white border-none w-12 h-32 rounded-l-md transition-all duration-300 hidden md:flex items-center justify-center shadow-xl backdrop-blur-sm"
-            size="sm"
-          >
-            <ChevronRight className="w-6 h-6" />
-          </Button>
-        )}
 
         {/* Scrollable video row - true edge to edge */}
         <div
           ref={scrollRef}
-          className="flex gap-2 overflow-x-auto scrollbar-hide pb-0 px-4"
+          className="flex gap-2 overflow-x-auto scrollbar-hide pb-0 px-4 md:pr-24"
           style={{ scrollbarWidth: 'none', msOverflowStyle: 'none' }}
         >
           {category.videos.map((video, index) => (
             <div 
               key={video.id} 
-              className="flex-shrink-0 w-[280px] sm:w-[320px] md:w-[360px] lg:w-[400px] xl:w-[440px] relative group hover:z-30"
+              className="flex-shrink-0 w-[280px] sm:w-[320px] md:w-[320px] lg:w-[360px] xl:w-[380px] relative group hover:z-30"
               onMouseEnter={() => setClickedVideoId(video.id)}
             >
               {/* Top 10 Number overlay for first category */}
@@ -289,6 +277,30 @@ function CategoryRow({ category, onVideoClick, hideScrollButtons = false }: Cate
             </div>
           ))}
         </div>
+        
+        {/* Navigation arrows at the end of each row - only on desktop */}
+        {!hideScrollButtons && (
+          <div className="absolute right-4 top-1/2 -translate-y-1/2 z-[40] hidden md:flex flex-col gap-2">
+            <Button
+              onClick={() => scroll('left')}
+              onMouseEnter={() => startAutoScroll('left')}
+              onMouseLeave={stopAutoScroll}
+              className="bg-black/70 hover:bg-black/85 text-white border-none w-12 h-16 rounded-md transition-all duration-300 flex items-center justify-center shadow-xl backdrop-blur-sm"
+              size="sm"
+            >
+              <ChevronLeft className="w-5 h-5" />
+            </Button>
+            <Button
+              onClick={() => scroll('right')}
+              onMouseEnter={() => startAutoScroll('right')}
+              onMouseLeave={stopAutoScroll}
+              className="bg-black/70 hover:bg-black/85 text-white border-none w-12 h-16 rounded-md transition-all duration-300 flex items-center justify-center shadow-xl backdrop-blur-sm"
+              size="sm"
+            >
+              <ChevronRight className="w-5 h-5" />
+            </Button>
+          </div>
+        )}
       </div>
     </div>
   );