diff --git a/attached_assets/image_1756733333595.png b/attached_assets/image_1756733333595.png
new file mode 100644
index 0000000..3571764
Binary files /dev/null and b/attached_assets/image_1756733333595.png differ
diff --git a/client/src/components/netflix-grid.tsx b/client/src/components/netflix-grid.tsx
index bca7f5a..8a0e9da 100644
--- a/client/src/components/netflix-grid.tsx
+++ b/client/src/components/netflix-grid.tsx
@@ -278,26 +278,17 @@ function CategoryRow({ category, onVideoClick, hideScrollButtons = false }: Cate
           ))}
         </div>
         
-        {/* Navigation arrows at the end of each row - only on desktop */}
+        {/* Navigation arrow at the end of each row - small square with arrow */}
         {!hideScrollButtons && (
-          <div className="absolute right-4 top-1/2 -translate-y-1/2 z-[40] flex md:flex flex-col gap-2 bg-red-500/50">
-            <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>
+          <div className="absolute right-2 top-1/2 -translate-y-1/2 z-[40] hidden md:block">
             <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"
+              className="bg-black/60 hover:bg-black/80 text-white border-none w-10 h-16 rounded transition-all duration-300 flex items-center justify-center shadow-lg backdrop-blur-sm"
               size="sm"
             >
-              <ChevronRight className="w-5 h-5" />
+              <ChevronRight className="w-4 h-4" />
             </Button>
           </div>
         )}