diff --git a/ui/src/App.tsx b/ui/src/App.tsx
index 54fe10a..4a830f8 100644
--- a/ui/src/App.tsx
+++ b/ui/src/App.tsx
@@ -242,7 +242,7 @@ function App() {
   return (
     <div className="min-h-screen bg-background">
       {/* Header */}
-      <header className="bg-card text-foreground border-b-2 border-border">
+      <header className="sticky top-0 z-50 bg-card/80 backdrop-blur-md text-foreground border-b-2 border-border">
         <div className="max-w-7xl mx-auto px-4 py-4">
           <div className="flex items-center justify-between">
             {/* Logo and Title */}