diff --git a/artifacts/ehsan-poc/src/components/layout/Header.tsx b/artifacts/ehsan-poc/src/components/layout/Header.tsx
index 463f965..0d8f844 100644
--- a/artifacts/ehsan-poc/src/components/layout/Header.tsx
+++ b/artifacts/ehsan-poc/src/components/layout/Header.tsx
@@ -88,10 +88,10 @@ export function Header() {
         <nav className="hidden lg:flex items-center gap-1 flex-1 justify-center">
           <Link
             href="/"
-            className={`px-3 py-2 text-sm font-medium rounded-md border transition-colors ${
+            className={`px-4 py-2 text-sm font-medium rounded-md transition-colors ${
               isActive("/")
-                ? "border-primary text-primary"
-                : "border-transparent text-foreground hover:text-primary"
+                ? "bg-primary text-primary-foreground font-bold"
+                : "text-foreground hover:text-primary"
             }`}
             data-testid="nav-home"
           >
@@ -104,8 +104,10 @@ export function Header() {
 
           <Link
             href="/opportunities"
-            className={`px-4 py-2 text-sm font-bold rounded-md bg-primary text-primary-foreground inline-flex items-center gap-1 hover:opacity-90 transition-opacity ${
-              isActive("/opportunities") ? "ring-2 ring-primary ring-offset-2" : ""
+            className={`px-4 py-2 text-sm rounded-md inline-flex items-center gap-1 transition-colors ${
+              isActive("/opportunities")
+                ? "bg-primary text-primary-foreground font-bold"
+                : "text-foreground font-medium hover:text-primary"
             }`}
             data-testid="nav-opportunities"
           >
@@ -254,8 +256,10 @@ export function Header() {
           <Link
             href="/"
             onClick={() => setMobileOpen(false)}
-            className={`block px-3 py-2 rounded-md text-sm font-medium hover:bg-muted ${
-              isActive("/") ? "text-primary bg-muted" : "text-foreground"
+            className={`block px-3 py-2 rounded-md text-sm hover:bg-muted ${
+              isActive("/")
+                ? "bg-primary text-primary-foreground font-bold"
+                : "text-foreground font-medium"
             }`}
           >
             {t.nav.home}
@@ -263,8 +267,10 @@ export function Header() {
           <Link
             href="/opportunities"
             onClick={() => setMobileOpen(false)}
-            className={`block px-3 py-2 rounded-md text-sm font-bold hover:bg-muted ${
-              isActive("/opportunities") ? "bg-primary text-primary-foreground" : "text-primary"
+            className={`block px-3 py-2 rounded-md text-sm hover:bg-muted ${
+              isActive("/opportunities")
+                ? "bg-primary text-primary-foreground font-bold"
+                : "text-foreground font-medium"
             }`}
           >
             {t.nav.opportunities}
diff --git a/attached_assets/image_1780685560287.png b/attached_assets/image_1780685560287.png
new file mode 100644
index 0000000..cbd4618
Binary files /dev/null and b/attached_assets/image_1780685560287.png differ