diff --git a/client/src/components/bunny-video-modal.tsx b/client/src/components/bunny-video-modal.tsx
index 806eeb3..16db267 100644
--- a/client/src/components/bunny-video-modal.tsx
+++ b/client/src/components/bunny-video-modal.tsx
@@ -383,13 +383,33 @@ export default function BunnyVideoModal({ video, isOpen, onClose, onEdit, videos
                 </div>
               )}
               
-              {/* Transparent overlay for drag detection */}
+              {/* Transparent overlay for drag detection - only on edges to allow video controls */}
               <div 
-                className="absolute inset-0 z-10"
-                style={{ cursor: isDragging ? 'grabbing' : 'grab' }}
-                onMouseDown={handleMouseDown}
-                onTouchStart={handleTouchStart}
-              ></div>
+                className="absolute inset-0 z-10 pointer-events-none"
+                style={{ cursor: isDragging ? 'grabbing' : 'auto' }}
+              >
+                {/* Left edge for swipe detection */}
+                <div 
+                  className="absolute left-0 top-0 w-16 h-full pointer-events-auto"
+                  style={{ cursor: 'grab' }}
+                  onMouseDown={handleMouseDown}
+                  onTouchStart={handleTouchStart}
+                ></div>
+                {/* Right edge for swipe detection */}
+                <div 
+                  className="absolute right-0 top-0 w-16 h-full pointer-events-auto"
+                  style={{ cursor: 'grab' }}
+                  onMouseDown={handleMouseDown}
+                  onTouchStart={handleTouchStart}
+                ></div>
+                {/* Top area for swipe detection - leave bottom for controls */}
+                <div 
+                  className="absolute left-16 right-16 top-0 h-3/4 pointer-events-auto"
+                  style={{ cursor: isDragging ? 'grabbing' : 'grab' }}
+                  onMouseDown={handleMouseDown}
+                  onTouchStart={handleTouchStart}
+                ></div>
+              </div>
               
               {/* Navigation buttons */}
               {videos.length > 1 && (