diff --git a/client/src/components/simple-carousel.tsx b/client/src/components/simple-carousel.tsx
index b6662ff..c84f2df 100644
--- a/client/src/components/simple-carousel.tsx
+++ b/client/src/components/simple-carousel.tsx
@@ -96,12 +96,12 @@ export default function SimpleCarousel({ category, onVideoClick }: SimpleCarouse
   }, [category.videos.length]);
 
   return (
-    <div className="relative group mb-8 overflow-visible">
+    <div className="relative group mb-8" style={{ overflow: 'visible' }}>
       <h2 className="text-2xl font-bold text-bunny-light mb-6 px-4">
         {category.title}
       </h2>
       
-      <div className="relative overflow-visible">
+      <div className="relative" style={{ overflow: 'visible' }}>
         {/* Left scroll button */}
         <button
           onClick={() => scroll('left')}
@@ -125,13 +125,14 @@ export default function SimpleCarousel({ category, onVideoClick }: SimpleCarouse
         {/* Scroll container */}
         <div 
           ref={scrollContainerRef}
-          className="overflow-x-auto overflow-y-visible"
+          className="overflow-x-auto"
           style={{ 
+            overflowY: 'visible',
             scrollbarWidth: 'none', 
             msOverflowStyle: 'none'
           }}
         >
-          <div className="flex space-x-4 pb-4 w-max overflow-visible">
+          <div className="flex space-x-4 pb-4 w-max" style={{ overflow: 'visible' }}>
             {/* Create many copies for infinite feel */}
             {Array.from({ length: 20 }).map((_, copyIndex) => 
               category.videos.map((video, videoIndex) => (
diff --git a/client/src/index.css b/client/src/index.css
index 506cae1..6dc63b2 100644
--- a/client/src/index.css
+++ b/client/src/index.css
@@ -387,25 +387,14 @@ input[data-testid*="search"]::placeholder {
   opacity: 0;
 }
 
-/* Working hover video pop-up with maximum z-index */
+/* Maximum z-index hover effect */
 .individual-video-hover:hover {
-  z-index: 2147483647 !important;
+  z-index: 9999 !important;
   position: relative !important;
   transform: scale(1.05) !important;
   transition: all 0.3s ease !important;
 }
 
-/* Ensure all carousel containers allow z-index layering */
-.individual-video-hover {
-  position: relative;
-}
-
-/* Force all parent divs to allow z-index stacking */
-div:has(.individual-video-hover:hover) {
-  position: relative !important;
-  z-index: auto !important;
-}
-
 /* Hide picture-in-picture button on all video elements */
 video::-webkit-media-controls-picture-in-picture-button {
   display: none !important;