diff --git a/src/ui/components/PageHeader.tsx b/src/ui/components/PageHeader.tsx
index d5fb455..294bd88 100644
--- a/src/ui/components/PageHeader.tsx
+++ b/src/ui/components/PageHeader.tsx
@@ -26,7 +26,8 @@ export function PageHeader({
     <div
       className={cn(
         'w-full flex flex-col gap-4 pb-4 pt-2 transition-all duration-300',
-        sticky && 'sticky z-20 bg-transparent backdrop-blur-none',
+        sticky &&
+          'sticky z-20 bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60',
         className,
       )}
       style={sticky ? { top: topOffset } : undefined}