diff --git a/ui/src/components/Header.tsx b/ui/src/components/Header.tsx
index 9cfbea6..f0a220a 100644
--- a/ui/src/components/Header.tsx
+++ b/ui/src/components/Header.tsx
@@ -12,13 +12,13 @@ export function Header({ props }: { props: HeaderProps }) {
     const navigate = useNavigate();
 
     return (
-        <header className="bg-[#0d0d0d] border-b border-[#191919] px-2">
+        <header className="bg-[#0d0d0d] border-b border-[#101010] px-2">
             <div className="max-w-7xl mx-auto py-4 flex justify-between items-center">
                 <div className="flex items-center space-x-3">
                     {props.hasBackButton && (
                         <button
                             onClick={() => navigate(-1)}
-                            className="w-8 h-8 bg-[#262626] hover:bg-[#404040] rounded-lg flex items-center justify-center transition-colors"
+                            className="w-8 h-8 bg-[#141414] hover:bg-[#404040] rounded-lg flex items-center justify-center transition-colors"
                         >
                             <ChevronLeft />
                         </button>