From ed941308a97b4cac9932f5ce08a5bee53f1bc524 Mon Sep 17 00:00:00 2001
From: MartinBraquet <martin.braquet@gmail.com>
Date: Tue, 28 Jul 2026 16:16:11 +0200
Subject: [PATCH] Refactor `Filters` button: relocate within `Row` for better
 layout consistency and remove redundant implementation.

---
 web/components/filters/search.tsx | 26 +++++++++++++-------------
 1 file changed, 13 insertions(+), 13 deletions(-)

diff --git a/web/components/filters/search.tsx b/web/components/filters/search.tsx
index 6f71e7a3..36fe7240 100644
--- a/web/components/filters/search.tsx
+++ b/web/components/filters/search.tsx
@@ -168,6 +168,19 @@ export const Search = forwardRef<
         />
 
         <Row className="gap-1.5 shrink-0 items-center">
+          <Button
+            color="gray-white"
+            size="sm"
+            className={clsx(
+              '!h-10 !rounded-full border border-canvas-200',
+              highlightFilters &&
+                'border-primary-500 ring-2 ring-primary-300 bg-primary-50 text-primary-700',
+            )}
+            onClick={handleOpenFilters}
+          >
+            <IoFilterSharp className="h-4 w-4 sm:mr-1.5" />
+            <span className="hidden sm:inline">{t('search.filters', 'Filters')}</span>
+          </Button>
           <Select
             ref={sortSelectRef}
             onChange={(e: React.ChangeEvent<HTMLSelectElement>) => {
@@ -189,19 +202,6 @@ export const Search = forwardRef<
             )}
             <option value="last_online_time">{t('common.active', 'Active')}</option>
           </Select>
-          <Button
-            color="gray-white"
-            size="sm"
-            className={clsx(
-              '!h-10 !rounded-full border border-canvas-200',
-              highlightFilters &&
-                'border-primary-500 ring-2 ring-primary-300 bg-primary-50 text-primary-700',
-            )}
-            onClick={handleOpenFilters}
-          >
-            <IoFilterSharp className="h-4 w-4 sm:mr-1.5" />
-            <span className="hidden sm:inline">{t('search.filters', 'Filters')}</span>
-          </Button>
           <GetNotifiedButton
             filters={filters}
             locationFilterProps={locationFilterProps}