diff --git a/src/pages/discover/components/MediaCarousel.tsx b/src/pages/discover/components/MediaCarousel.tsx index cb9f3f21..7e265a7f 100644 --- a/src/pages/discover/components/MediaCarousel.tsx +++ b/src/pages/discover/components/MediaCarousel.tsx @@ -138,7 +138,7 @@ export function MediaCarousel({ // Set up intersection observer for lazy loading const { targetRef, isIntersecting } = useIntersectionObserver({ - rootMargin: "200px", + rootMargin: "300px", }); // Handle provider/genre selection @@ -300,16 +300,27 @@ export function MediaCarousel({ })(); // Loading state - if (!isIntersecting) { + if (!isIntersecting || !sectionTitle) { return (