diff --git a/client/src/pages/VideoPage.tsx b/client/src/pages/VideoPage.tsx
index a498bc0..e326fd4 100644
--- a/client/src/pages/VideoPage.tsx
+++ b/client/src/pages/VideoPage.tsx
@@ -564,6 +564,29 @@ export default function VideoPage() {
               )}
             </div>
 
+            {/* Mobile navigation dots - only visible on mobile */}
+            {allVideos.length > 1 && (
+              <div className="md:hidden flex justify-center mt-4 mb-2 gap-1 py-1">
+                {/* Left dot */}
+                <button
+                  onClick={() => navigateToVideo('prev')}
+                  className="w-2 h-2 rounded-full transition-colors duration-300 ease-in-out bg-white/25 hover:bg-white/40"
+                  aria-label="Previous video"
+                />
+                {/* Center dot - always active */}
+                <button
+                  className="w-2 h-2 rounded-full bg-gradient-to-r from-purple-500 to-blue-500"
+                  aria-label="Current video"
+                />
+                {/* Right dot */}
+                <button
+                  onClick={() => navigateToVideo('next')}
+                  className="w-2 h-2 rounded-full transition-colors duration-300 ease-in-out bg-white/25 hover:bg-white/40"
+                  aria-label="Next video"
+                />
+              </div>
+            )}
+
             {/* Video info */}
             <div className="bg-bunny-gray/50 rounded-lg p-4">
               <div className="flex justify-between items-start mb-4">