From a39bfcdba40b3af3213a0ac61e4895bc041be4ad Mon Sep 17 00:00:00 2001
From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com>
Date: Sat, 30 Aug 2025 20:47:44 +0000
Subject: [PATCH] Make the search header sticky to keep it visible

Update client/src/components/search-header.tsx to make the SearchHeader component sticky at the top of the viewport.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 074b0e4c-6171-43bd-aa98-f9e04623ca14
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/074b0e4c-6171-43bd-aa98-f9e04623ca14/izllXJt
---
 client/src/components/search-header.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/client/src/components/search-header.tsx b/client/src/components/search-header.tsx
index 0d3922f..3d8649d 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="border-b border-white/5 bg-black/10 backdrop-blur-sm relative overflow-hidden">
+    <div className="border-b border-white/5 bg-black/5 backdrop-blur-sm sticky top-0 z-50 relative overflow-hidden">
 
       
       {/* Static triangle decorations - fixed positioning */}