diff --git a/client/src/components/netflix-grid.tsx b/client/src/components/netflix-grid.tsx
index 87528ab..9ec49be 100644
--- a/client/src/components/netflix-grid.tsx
+++ b/client/src/components/netflix-grid.tsx
@@ -176,9 +176,9 @@ export default function NetflixGrid({ videos, isLoading }: NetflixGridProps) {
 
   return (
     <>
-      <div className="space-y-8">
+      <div className="space-y-4">
         {categories.map((category, categoryIndex) => (
-          <div key={categoryIndex} className={`${categoryIndex === 0 ? 'mt-2 mb-6' : 'mb-6'}`}>
+          <div key={categoryIndex} className={`${categoryIndex === 0 ? 'mt-2 mb-4' : 'mb-4'}`}>
             <CategoryRow
               category={category}
               onVideoClick={handleVideoClick}