diff --git a/client/src/index.css b/client/src/index.css
index ae00bd8..fe7b3af 100644
--- a/client/src/index.css
+++ b/client/src/index.css
@@ -389,16 +389,29 @@ input[data-testid*="search"]::placeholder {
 
 /* Force all parent elements to be overflow visible when video card is hovered */
 .video-card:hover {
-  z-index: 999999 !important;
+  z-index: 2147483647 !important;
 }
 
-/* Only target specific carousel containers, not scroll containers */
-.carousel-track:has(.video-card:hover),
-.netflix-grid-container:has(.video-card:hover),
-div:has(.video-card:hover):not([class*="overflow-x-auto"]):not([class*="overflow-y-auto"]) {
+/* Force specific containers to be overflow visible when video is hovered */
+.carousel-track:has(.video-card:hover) {
   overflow: visible !important;
 }
 
+.netflix-grid-container:has(.video-card:hover) {
+  overflow: visible !important;
+}
+
+/* Force parent divs to be overflow visible, but exclude scroll containers */
+div:has(.video-card:hover) {
+  overflow: visible !important;
+}
+
+/* Restore scroll behavior only for horizontal scroll containers */
+div[class*="overflow-x-auto"]:has(.video-card:hover) {
+  overflow-x: auto !important;
+  overflow-y: visible !important;
+}
+
 /* Hide picture-in-picture button on all video elements */
 video::-webkit-media-controls-picture-in-picture-button {
   display: none !important;