diff --git a/client/src/components/search-header.tsx b/client/src/components/search-header.tsx
index dca9f26..8961939 100644
--- a/client/src/components/search-header.tsx
+++ b/client/src/components/search-header.tsx
@@ -46,7 +46,7 @@ export default function SearchHeader({
   };
 
   return (
-    <div className="bunny-gray border-b border-white/20 sticky top-0 z-50 backdrop-blur-md relative overflow-hidden">
+    <div className="border-b border-white/10 bg-black/20 backdrop-blur-sm sticky top-0 z-50 relative overflow-hidden">
 
       
       {/* Static triangle decorations - fixed positioning */}
@@ -54,7 +54,7 @@ export default function SearchHeader({
       <div className="absolute top-3 left-[40%] w-0 h-0 border-l-[20px] border-l-transparent border-r-[20px] border-r-transparent border-b-[25px] border-b-purple-400/6 transform -rotate-6 z-0 pointer-events-none"></div>
       
       <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10">
-        <div className="flex items-center justify-between h-16">
+        <div className="flex items-center justify-between py-4">
           <div className="flex items-center space-x-4">
             <Link href="/" className="flex items-center space-x-2 hover:opacity-80 transition-opacity">
               <div className="w-9 h-9 gradient-primary rounded-lg flex items-center justify-center shadow-lg">
diff --git a/client/src/pages/VideoPage.tsx b/client/src/pages/VideoPage.tsx
index 175aff8..5350f60 100644
--- a/client/src/pages/VideoPage.tsx
+++ b/client/src/pages/VideoPage.tsx
@@ -199,7 +199,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-[60] backdrop-blur-md relative overflow-hidden">
+      <div className="border-b border-white/10 bg-black/20 backdrop-blur-sm sticky top-0 z-[60] 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>
@@ -209,7 +209,7 @@ export default function VideoPage() {
         <div className="triangle-decoration-3 opacity-20" style={{top: '30px', left: '70%'}}></div>
         
         <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10">
-          <div className="flex items-center justify-between h-16">
+          <div className="flex items-center justify-between py-4">
             <div className="flex items-center space-x-4">
               <a href="/" className="flex items-center space-x-2 hover:opacity-80 transition-opacity">
                 <div className="w-9 h-9 gradient-primary rounded-lg flex items-center justify-center shadow-lg">