diff --git a/attached_assets/image_1756566165694.png b/attached_assets/image_1756566165694.png
new file mode 100644
index 0000000..19f1d7c
Binary files /dev/null and b/attached_assets/image_1756566165694.png differ
diff --git a/client/src/components/bunny-video-modal.tsx b/client/src/components/bunny-video-modal.tsx
index a9bf7e8..df97fbf 100644
--- a/client/src/components/bunny-video-modal.tsx
+++ b/client/src/components/bunny-video-modal.tsx
@@ -256,7 +256,7 @@ export default function BunnyVideoModal({ video, isOpen, onClose, onEdit, videos
         </div>
 
         {/* Video player area */}
-        <div className="flex-1 flex flex-col lg:flex-row gap-4 min-h-0">
+        <div className="flex-1 flex flex-col lg:flex-row gap-2 min-h-0">
           {/* Main video player */}
           <div className="flex-1">
             <div className="relative w-full aspect-video bg-black rounded-lg overflow-hidden">
@@ -301,8 +301,8 @@ export default function BunnyVideoModal({ video, isOpen, onClose, onEdit, videos
           </div>
 
           {/* Video info sidebar */}
-          <div className="lg:w-80 lg:min-w-80 space-y-4 overflow-y-auto">
-            <div className="p-4 bg-gray-800 rounded-lg text-white max-h-none overflow-visible">
+          <div className="lg:w-80 lg:min-w-80 space-y-2 overflow-y-auto">
+            <div className="p-3 bg-gray-800 rounded-lg text-white max-h-none overflow-visible">
               <h3 className="font-bold text-lg mb-2 whitespace-normal break-words" data-testid="text-video-title">
                 {video.title}
               </h3>