From 803c3ce629fa6b304f70912ca563b25fe04556c9 Mon Sep 17 00:00:00 2001
From: Amirhossein Khalili <amirhosseinkhalili901@gmail.com>
Date: Mon, 27 Apr 2026 17:14:00 +0330
Subject: [PATCH] fix(filters): expand ordering select on mobile

---
 src/components/FilterBar.tsx | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

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>
   );
 }