diff --git a/src/components/homepage/ContentTabs.tsx b/src/components/homepage/ContentTabs.tsx
index 23cd5bd0..d59d6d69 100644
--- a/src/components/homepage/ContentTabs.tsx
+++ b/src/components/homepage/ContentTabs.tsx
@@ -234,7 +234,7 @@ export function ContentTabs() {
       <div className="container mx-auto px-4">
         <Tabs defaultValue="popular-parks" className="w-full">
           <div className="text-center mb-8">
-            <TabsList className="grid w-full max-w-4xl mx-auto grid-cols-3 md:grid-cols-6 h-auto p-1 bg-muted/50">
+            <TabsList className="grid w-full max-w-4xl mx-auto grid-cols-3 md:grid-cols-6 h-auto p-2 bg-card border border-border/50 rounded-lg shadow-sm">
               <TabsTrigger value="popular-parks" className="text-xs md:text-sm px-2 py-3">
                 Popular Parks
               </TabsTrigger>