diff --git a/client/src/components/bunny-video-modal.tsx b/client/src/components/bunny-video-modal.tsx
index 0a2a413..1710dae 100644
--- a/client/src/components/bunny-video-modal.tsx
+++ b/client/src/components/bunny-video-modal.tsx
@@ -175,7 +175,7 @@ export default function BunnyVideoModal({ video, isOpen, onClose, onEdit, videos
     >
       <div className="relative w-full h-full max-w-7xl mx-auto p-4 flex flex-col">
         {/* Header with close button */}
-        <div className="flex justify-between items-center mb-4 z-10">
+        <div className="flex justify-between items-center mb-1 z-10">
           <h2 className="text-xl font-bold text-white flex-1 mr-4 leading-tight">
             {video.title}
           </h2>
@@ -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-0 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">