Reverted to commit 5c391a3087

src/components/parks/ParkSortOptions.tsx

@@ -26,12 +26,12 @@ export function ParkSortOptions({ sort, onSortChange }: ParkSortOptionsProps) {
   };
 
   return (
-    <div className="flex gap-2 w-full">
+    <div className="flex gap-2">
       <Select 
         value={sort.field} 
         onValueChange={(field) => onSortChange({ ...sort, field })}
       >
-        <SelectTrigger className="flex-1 sm:w-48 bg-muted/50 border-border/50">
+        <SelectTrigger className="w-48 bg-muted/50 border-border/50">
           <ArrowUpDown className="w-4 h-4 mr-2" />
           <SelectValue />
         </SelectTrigger>

src/pages/Parks.tsx

@@ -395,13 +395,11 @@ export default function Parks() {
               />
             </div>
             
-            <div className="flex flex-col sm:flex-row gap-1.5 sm:gap-2 w-full">
-              <div className="flex-1 sm:flex-none">
-                <ParkSortOptions 
-                  sort={sort}
-                  onSortChange={setSort}
-                />
-              </div>
+            <div className="flex flex-wrap gap-1.5 sm:gap-2">
+              <ParkSortOptions 
+                sort={sort}
+                onSortChange={setSort}
+              />
               
               <Button
                 variant={showFilters ? "default" : "outline"}