diff --git a/src/pages/Parks.tsx b/src/pages/Parks.tsx
index f41ab984..aa791a36 100644
--- a/src/pages/Parks.tsx
+++ b/src/pages/Parks.tsx
@@ -350,14 +350,14 @@ export default function Parks() {
           </p>
           
           <div className="flex items-center justify-between">
-            <div className="flex items-center gap-2">
-              <Badge variant="secondary" className="text-base px-3 py-1">
+            <div className="flex flex-wrap items-center gap-1.5 sm:gap-2">
+              <Badge variant="secondary" className="text-sm sm:text-base px-2 py-0.5 sm:px-3 sm:py-1">
                 {filteredAndSortedParks.length} parks
               </Badge>
-              <Badge variant="outline">
+              <Badge variant="outline" className="text-xs sm:text-sm px-2 py-0.5">
                 {parks.reduce((sum, park) => sum + (park.ride_count || 0), 0)} total rides
               </Badge>
-              <Badge variant="outline">
+              <Badge variant="outline" className="text-xs sm:text-sm px-2 py-0.5 hidden xs:inline-flex sm:inline-flex">
                 {parks.reduce((sum, park) => sum + (park.coaster_count || 0), 0)} coasters
               </Badge>
             </div>