diff --git a/client/src/components/ad-settings.tsx b/client/src/components/ad-settings.tsx
index fe65a79..df99ff0 100644
--- a/client/src/components/ad-settings.tsx
+++ b/client/src/components/ad-settings.tsx
@@ -116,7 +116,7 @@ export default function AdSettings({ isOpen, onClose }: AdSettingsProps) {
   if (!isOpen) return null;
 
   return (
-    <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 p-4">
+    <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-[9999] p-4">
       <div className="bg-white dark:bg-gray-900 rounded-lg max-w-4xl w-full max-h-[90vh] overflow-y-auto">
         <div className="sticky top-0 bg-white dark:bg-gray-900 p-6 border-b border-gray-200 dark:border-gray-700">
           <div className="flex items-center justify-between">
diff --git a/client/src/components/bunny-video-modal.tsx b/client/src/components/bunny-video-modal.tsx
index 7e3dec4..7b8efcf 100644
--- a/client/src/components/bunny-video-modal.tsx
+++ b/client/src/components/bunny-video-modal.tsx
@@ -168,7 +168,7 @@ export default function BunnyVideoModal({ video, isOpen, onClose, onEdit, videos
 
   return (
     <div 
-      className="fixed inset-0 bg-black bg-opacity-90 flex items-center justify-center z-50"
+      className="fixed inset-0 bg-black bg-opacity-90 flex items-center justify-center z-[9999]"
       onClick={handleBackdropClick}
       style={{ backgroundColor: '#1f2937' }}
     >
diff --git a/client/src/components/netflix-grid.tsx b/client/src/components/netflix-grid.tsx
index 5cf1cf3..9adbb9e 100644
--- a/client/src/components/netflix-grid.tsx
+++ b/client/src/components/netflix-grid.tsx
@@ -203,7 +203,7 @@ function CategoryRow({ category, onVideoClick }: CategoryRowProps) {
   };
 
   return (
-    <div className="relative group mb-8">
+    <div className="relative group mb-8 overflow-hidden">
       <h2 className="text-2xl font-bold text-bunny-light mb-6 px-4">
         {category.title}
       </h2>
diff --git a/client/src/components/vast-player.tsx b/client/src/components/vast-player.tsx
index c07f376..0dd079a 100644
--- a/client/src/components/vast-player.tsx
+++ b/client/src/components/vast-player.tsx
@@ -270,7 +270,7 @@ export default function VASTPlayer({ video, onClose, vastTagUrl, enableAds = tru
   };
 
   return (
-    <div className="fixed inset-0 bg-black bg-opacity-90 flex items-center justify-center z-50">
+    <div className="fixed inset-0 bg-black bg-opacity-90 flex items-center justify-center z-[9999]">
       <div className="relative w-full max-w-6xl mx-4">
         {/* Close button */}
         <Button
diff --git a/client/src/components/video-card.tsx b/client/src/components/video-card.tsx
index 66e32fd..527532e 100644
--- a/client/src/components/video-card.tsx
+++ b/client/src/components/video-card.tsx
@@ -168,7 +168,8 @@ export default function VideoCard({ video, onClick, className = "" }: VideoCardP
         transformStyle: 'preserve-3d',
         transition: 'transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), z-index 0.1s ease',
         willChange: 'transform',
-        zIndex: isHovered ? '99999 !important' : 'auto'
+        zIndex: isHovered ? 50 : 'auto',
+        position: isHovered ? 'relative' : 'static'
       }}
       onMouseEnter={() => setIsHovered(true)}
       onMouseLeave={() => setIsHovered(false)}
diff --git a/client/src/components/video-modal.tsx b/client/src/components/video-modal.tsx
index 8d8d121..cc6490f 100644
--- a/client/src/components/video-modal.tsx
+++ b/client/src/components/video-modal.tsx
@@ -437,7 +437,7 @@ export default function VideoModal({ video, isOpen, onClose, enableAds = true }:
 
   return (
     <div 
-      className="fixed inset-0 bg-black/90 backdrop-blur-sm z-50 flex items-center justify-center p-4"
+      className="fixed inset-0 bg-black/90 backdrop-blur-sm z-[9999] flex items-center justify-center p-4"
       onClick={handleBackdropClick}
       data-testid="modal-video"
     >