diff --git a/src/components/FilterBar.tsx b/src/components/FilterBar.tsx
index 964edfb..37f4dd6 100644
--- a/src/components/FilterBar.tsx
+++ b/src/components/FilterBar.tsx
@@ -33,16 +33,16 @@ export default function FilterBar({
         />
       </div>
       
-      <div className="flex items-center gap-2">
-        <ArrowUpDown className="h-5 w-5 text-slate-400 hidden sm:block" />
-        <Select
-          value={ordering}
-          onChange={setOrdering}
-          options={orderingOptions}
-          className="w-full sm:w-max"
-          buttonClassName="whitespace-nowrap min-w-[150px]" 
-        />
-      </div>
+      <div className="flex w-full items-center gap-2 sm:w-auto">
+        <ArrowUpDown className="h-5 w-5 text-slate-400 hidden sm:block" />
+        <Select
+          value={ordering}
+          onChange={setOrdering}
+          options={orderingOptions}
+          className="w-full sm:w-max"
+          buttonClassName="w-full whitespace-nowrap sm:min-w-[150px]" 
+        />
+      </div>
     </div>
   );
 }