From 6d857830ad238e9694858a276fa9fcc6c302b488 Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Sun, 28 Sep 2025 14:32:04 +0000
Subject: [PATCH] Update header button hover color

---
 src/components/layout/Header.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/layout/Header.tsx b/src/components/layout/Header.tsx
index 9ef59985..4563d843 100644
--- a/src/components/layout/Header.tsx
+++ b/src/components/layout/Header.tsx
@@ -32,7 +32,7 @@ export function Header() {
                 </Button>
               </DropdownMenuTrigger>
               <DropdownMenuContent align="start" className="w-48 bg-background border border-border shadow-lg">
-                <DropdownMenuItem onClick={() => navigate('/parks')}>
+                <DropdownMenuItem onClick={() => navigate('/parks')} className="hover:bg-blue-100 hover:text-blue-900 dark:hover:bg-blue-900/20 dark:hover:text-blue-100">
                   <MapPin className="w-4 h-4 mr-2" />
                   Parks
                 </DropdownMenuItem>