diff --git a/client/src/components/netflix-grid.tsx b/client/src/components/netflix-grid.tsx
index 6805862..ef4ceb7 100644
--- a/client/src/components/netflix-grid.tsx
+++ b/client/src/components/netflix-grid.tsx
@@ -107,12 +107,11 @@ export default function NetflixGrid({ videos, isLoading }: NetflixGridProps) {
     <>
       <div>
         {categories.map((category, categoryIndex) => (
-          <div key={categoryIndex} className="pt-4">
-            <CategoryRow
-              category={category}
-              onVideoClick={handleVideoClick}
-            />
-          </div>
+          <CategoryRow
+            key={categoryIndex}
+            category={category}
+            onVideoClick={handleVideoClick}
+          />
         ))}
       </div>
 
@@ -188,7 +187,7 @@ function CategoryRow({ category, onVideoClick }: CategoryRowProps) {
 
   return (
     <div 
-      className="relative group mb-4"
+      className="relative group my-4"
       onMouseLeave={() => setClickedVideoId(null)}
     >
       <h2 className="text-2xl font-bold text-bunny-light mb-0 px-4">