diff --git a/attached_assets/image_1756585370154.png b/attached_assets/image_1756585370154.png
new file mode 100644
index 0000000..9f3ddb0
Binary files /dev/null and b/attached_assets/image_1756585370154.png differ
diff --git a/client/src/pages/VideoPage.tsx b/client/src/pages/VideoPage.tsx
index 6366bd5..8f50a4e 100644
--- a/client/src/pages/VideoPage.tsx
+++ b/client/src/pages/VideoPage.tsx
@@ -182,7 +182,7 @@ export default function VideoPage() {
   return (
     <div className="min-h-screen bunny-dark static-triangles">
       {/* Header with triangle design */}
-      <div className="bunny-gray border-b border-white/20 sticky top-0 z-50 backdrop-blur-md relative overflow-hidden">
+      <div className="bunny-gray border-b border-white/20 sticky top-0 z-[60] backdrop-blur-md relative overflow-hidden">
         {/* Triangle decorations in header - same as home page */}
         <div className="absolute top-2 right-20 w-0 h-0 border-l-[35px] border-l-transparent border-r-[35px] border-r-transparent border-b-[50px] border-b-blue-400/15 rotate-12"></div>
         <div className="absolute top-3 left-1/3 w-0 h-0 border-l-[25px] border-l-transparent border-r-[25px] border-r-transparent border-b-[35px] border-b-purple-400/12 -rotate-6"></div>
@@ -299,7 +299,7 @@ export default function VideoPage() {
           }}
         />
         
-        <div className="flex flex-col lg:flex-row gap-6 relative z-10 bg-green-500/20 border border-green-500 p-4">
+        <div className="flex flex-col lg:flex-row gap-6 relative z-[60] bg-green-500/20 border border-green-500 p-4">
           {/* Main video section */}
           <div className="flex-1 bg-purple-500/20 border border-purple-500 p-2">
             {/* Video player */}