From a677683205917bc56089ddf6dcde7dca9036f8b1 Mon Sep 17 00:00:00 2001
From: thePR0M3TH3AN <53631862+PR0M3TH3AN@users.noreply.github.com>
Date: Sun, 28 Sep 2025 10:39:28 -0400
Subject: [PATCH] Fix video modal dropdown stacking

---
 components/video-modal.html |  2 +-
 css/style.css               | 12 +++++++++++-
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/components/video-modal.html b/components/video-modal.html
index 7a31a724..2dec4cab 100644
--- a/components/video-modal.html
+++ b/components/video-modal.html
@@ -32,7 +32,7 @@
             </svg>
           </button>
           <div
-            class="relative ml-auto"
+            class="relative ml-auto overflow-visible"
             data-more-menu-wrapper="true"
           >
             <button
diff --git a/css/style.css b/css/style.css
index 0c967619..8ce96d36 100644
--- a/css/style.css
+++ b/css/style.css
@@ -321,7 +321,7 @@ header img {
     max-width: 64rem;
     max-height: calc(100vh - 4rem); /* Account for padding */
     border-radius: 0.5rem;
-    overflow: hidden;
+    overflow: visible;
   }
 
   .video-container {
@@ -329,6 +329,16 @@ header img {
   }
 }
 
+#modalNav {
+  position: sticky;
+  top: 0;
+  z-index: 60;
+}
+
+[data-more-menu="true"] {
+  z-index: 70;
+}
+
 /* Mobile-specific styles */
 @media (max-width: 767px) {
   #playerModal {