diff --git a/attached_assets/image_1756758459838.png b/attached_assets/image_1756758459838.png
new file mode 100644
index 0000000..ef27ad9
Binary files /dev/null and b/attached_assets/image_1756758459838.png differ
diff --git a/client/src/components/netflix-grid.tsx b/client/src/components/netflix-grid.tsx
index ee489ab..2217fb0 100644
--- a/client/src/components/netflix-grid.tsx
+++ b/client/src/components/netflix-grid.tsx
@@ -153,7 +153,7 @@ export default function NetflixGrid({ videos, isLoading }: NetflixGridProps) {
     <>
       <div className="space-y-8">
         {categories.map((category, categoryIndex) => (
-          <div key={categoryIndex} className={`${categoryIndex === 0 ? 'mt-2 mb-1' : 'mb-2'}`}>
+          <div key={categoryIndex} className={`${categoryIndex === 0 ? 'mt-2 mb-6' : 'mb-6'}`}>
             <CategoryRow
               category={category}
               onVideoClick={handleVideoClick}
@@ -278,7 +278,7 @@ function CategoryRow({ category, onVideoClick, hideScrollButtons = false }: Cate
           {category.videos.map((video, index) => (
             <div 
               key={video.id} 
-              className="flex-shrink-0 w-[330px] relative hover:z-30"
+              className="flex-shrink-0 w-[330px] relative hover:z-50"
               onMouseEnter={() => setClickedVideoId(video.id)}
             >
               {/* Top 10 Number overlay for first category */}