fix : filter

components/results-filters.tsx

@@ -197,39 +197,38 @@ export function ResultsFilters({
             CSV
           </a>
         </Button>
+        {(values.q ||
+          values.edited !== "all" ||
+          values.sort !== "submittedAt" ||
+          values.direction !== "desc" ||
+          values.dateFrom ||
+          values.dateTo) && (
+          <Button
+            variant="ghost"
+            size="icon"
+            className="self-start lg:self-auto"
+            aria-label="Clear filters"
+            asChild={!onFiltersChange}
+            onClick={onFiltersChange ? () => updateValues(() => ({
+              q: "",
+              page: 1,
+              sort: "submittedAt",
+              direction: "desc",
+              edited: "all",
+              dateFrom: "",
+              dateTo: "",
+            })) : undefined}
+          >
+            {onFiltersChange ? (
+              <X />
+            ) : (
+              <a href={base}>
+                <X />
+              </a>
+            )}
+          </Button>
+        )}
       </div>
-      {(filters.q ||
-        filters.edited !== "all" ||
-        filters.dateFrom ||
-        filters.dateTo) && (
-        <Button
-          variant="ghost"
-          size="sm"
-          className="self-start"
-          asChild={!onFiltersChange}
-          onClick={onFiltersChange ? () => updateValues(() => ({
-            q: "",
-            page: 1,
-            sort: "submittedAt",
-            direction: "desc",
-            edited: "all",
-            dateFrom: "",
-            dateTo: "",
-          })) : undefined}
-        >
-          {onFiltersChange ? (
-            <span>
-              <X data-icon="inline-start" />
-              Clear filters
-            </span>
-          ) : (
-            <a href={base}>
-              <X data-icon="inline-start" />
-              Clear filters
-            </a>
-          )}
-        </Button>
-      )}
     </div>
   );
 }