diff --git a/src/components/layout/Header.tsx b/src/components/layout/Header.tsx
index 7fafd9ba..c28445d5 100644
--- a/src/components/layout/Header.tsx
+++ b/src/components/layout/Header.tsx
@@ -34,7 +34,7 @@ export function Header() {
                   <ChevronDown className="w-4 h-4 ml-1" />
                 </Button>
               </DropdownMenuTrigger>
-              <DropdownMenuContent align="start" className="w-48 bg-background border border-border shadow-lg">
+              <DropdownMenuContent align="start" className="w-48 bg-accent text-accent-foreground border border-accent shadow-lg">
                 <DropdownMenuItem onClick={() => navigate('/parks')} className="hover:!bg-accent/10 hover:!text-accent dark:hover:!bg-accent/20">
                   <MapPin className="w-4 h-4 mr-2" />
                   Parks