diff --git a/src/components/layout/Header.tsx b/src/components/layout/Header.tsx
index 28eef49..91cf28f 100644
--- a/src/components/layout/Header.tsx
+++ b/src/components/layout/Header.tsx
@@ -16,7 +16,7 @@ export function Header({ navigation, settings }: HeaderProps) {
   const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false)
 
   return (
-    <header className="sticky top-0 z-50 bg-ivory/95 backdrop-blur-sm border-b border-warm-gray">
+    <header className="sticky top-0 z-[100] bg-ivory/95 backdrop-blur-[10px] border-b border-warm-gray">
       <div className="container">
         <div className="flex items-center justify-between py-4">
           {/* Logo */}
diff --git a/src/components/ui/Button.tsx b/src/components/ui/Button.tsx
index ac00bb3..621f081 100644
--- a/src/components/ui/Button.tsx
+++ b/src/components/ui/Button.tsx
@@ -27,16 +27,16 @@ type ButtonProps = ButtonAsButton | ButtonAsLink
 const variantStyles: Record<ButtonVariant, string> = {
   primary: `
     bg-brass text-soft-white
-    hover:bg-brass-hover hover:-translate-y-0.5 hover:shadow-md
+    hover:bg-brass-hover hover:-translate-y-px hover:shadow-md
     active:translate-y-0
   `,
   secondary: `
     bg-transparent text-espresso border-[1.5px] border-espresso
-    hover:bg-espresso/10 hover:border-espresso
+    hover:bg-espresso hover:text-soft-white
   `,
   tertiary: `
-    bg-transparent text-espresso
-    hover:text-brass
+    bg-transparent text-espresso font-medium
+    hover:bg-espresso/5 hover:text-brass
   `,
 }