diff --git a/client/src/components/netflix-grid.tsx b/client/src/components/netflix-grid.tsx
index 0e7defd..2254161 100644
--- a/client/src/components/netflix-grid.tsx
+++ b/client/src/components/netflix-grid.tsx
@@ -384,7 +384,7 @@ function CategoryRow({ category, onVideoClick, hideScrollButtons = false }: Cate
         </div>
         
         {/* Mobile navigation dots - only visible on mobile, under all video rows */}
-        <div className="md:hidden flex justify-center mt-3 gap-1">
+        <div className="md:hidden flex justify-center mt-4 mb-4 gap-1 py-2">
           {Array.from({ length: Math.min(10, category.videos.length) }, (_, index) => (
             <button
               key={index}