diff --git a/client/src/components/netflix-grid.tsx b/client/src/components/netflix-grid.tsx index 407a158..fff6f27 100644 --- a/client/src/components/netflix-grid.tsx +++ b/client/src/components/netflix-grid.tsx @@ -398,11 +398,16 @@ function CategoryRow({ category, onVideoClick, hideScrollButtons = false }: Cate setCurrentIndex(index); } }} - className={`w-0.5 h-0.5 rounded-full transition-all duration-300 ${ + className={`rounded-full transition-all duration-300 ${ index === currentIndex - ? 'bg-gradient-to-r from-purple-500 to-blue-500 scale-150' + ? 'bg-gradient-to-r from-purple-500 to-blue-500' : 'bg-white/15 hover:bg-white/25' }`} + style={{ + width: '3px', + height: '3px', + transform: index === currentIndex ? 'scale(1.3)' : 'scale(1)' + }} aria-label={`Go to card ${index + 1}`} /> ))}