diff --git a/client/src/pages/VideoPage.tsx b/client/src/pages/VideoPage.tsx
index 9bbaf90..07ee55b 100644
--- a/client/src/pages/VideoPage.tsx
+++ b/client/src/pages/VideoPage.tsx
@@ -489,12 +489,12 @@ export default function VideoPage() {
           <div className="w-full lg:w-96">
             <h2 className="text-lg font-semibold text-bunny-light mb-4">Recommended Videos</h2>
             
-            <div className="space-y-3">
+            <div className="space-y-2">
               {recommendedVideos.slice(0, 10).map((video) => (
                 <div
                   key={video.id}
                   onClick={() => window.location.href = `/video/${video.id}`}
-                  className="flex gap-3 p-3 bg-bunny-gray/30 hover:bg-bunny-gray/50 rounded-lg cursor-pointer transition-colors"
+                  className="flex gap-3 p-2 bg-bunny-gray/30 hover:bg-bunny-gray/50 rounded-lg cursor-pointer transition-colors"
                 >
                   <div className="relative w-24 h-16 bg-gray-700 rounded overflow-hidden flex-shrink-0">
                     <img