diff --git a/attached_assets/image_1756593798096.png b/attached_assets/image_1756593798096.png
new file mode 100644
index 0000000..7f21f63
Binary files /dev/null and b/attached_assets/image_1756593798096.png differ
diff --git a/client/src/pages/VideoPage.tsx b/client/src/pages/VideoPage.tsx
index 865f5e5..68352c8 100644
--- a/client/src/pages/VideoPage.tsx
+++ b/client/src/pages/VideoPage.tsx
@@ -383,19 +383,19 @@ export default function VideoPage() {
                 <>
                   <Button
                     onClick={() => navigateToVideo('prev')}
-                    className="absolute left-4 top-1/2 transform -translate-y-1/2 bg-black/60 hover:bg-black/80 text-white border-none p-2 rounded-full z-20"
+                    className="absolute left-1 top-1/2 transform -translate-y-1/2 bg-black/70 hover:bg-black/90 text-white border-none p-4 md:p-3 rounded-full z-20 shadow-lg touch-manipulation min-h-[48px] min-w-[48px] flex items-center justify-center"
                     size="sm"
                     data-testid="button-prev-video"
                   >
-                    <ChevronLeft className="w-6 h-6" />
+                    <ChevronLeft className="w-6 h-6 md:w-5 md:h-5" />
                   </Button>
                   <Button
                     onClick={() => navigateToVideo('next')}
-                    className="absolute right-4 top-1/2 transform -translate-y-1/2 bg-black/60 hover:bg-black/80 text-white border-none p-2 rounded-full z-20"
+                    className="absolute right-1 top-1/2 transform -translate-y-1/2 bg-black/70 hover:bg-black/90 text-white border-none p-4 md:p-3 rounded-full z-20 shadow-lg touch-manipulation min-h-[48px] min-w-[48px] flex items-center justify-center"
                     size="sm"
                     data-testid="button-next-video"
                   >
-                    <ChevronRight className="w-6 h-6" />
+                    <ChevronRight className="w-6 h-6 md:w-5 md:h-5" />
                   </Button>
                 </>
               )}