From aefc58b636d19370744c4ac8609315ad2ad39bdb Mon Sep 17 00:00:00 2001
From: MartinBraquet <martin.braquet@gmail.com>
Date: Thu, 23 Oct 2025 15:52:18 +0200
Subject: [PATCH] Make mobile filter modal scrollable

---
 web/components/filters/mobile-filters.tsx | 3 ++-
 web/components/filters/search.tsx         | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/web/components/filters/mobile-filters.tsx b/web/components/filters/mobile-filters.tsx
index 17435a5e..3640d8d4 100644
--- a/web/components/filters/mobile-filters.tsx
+++ b/web/components/filters/mobile-filters.tsx
@@ -287,8 +287,9 @@ function MobileFilters(props: {
           hidden={false}
         />
       </Col>
+
       <button
-        className="text-ink-500 hover:text-primary-500 underline"
+        className="text-ink-500 hover:text-primary-500 underline mt-4 mb-8"
         onClick={clearFilters}
       >
         Reset filters
diff --git a/web/components/filters/search.tsx b/web/components/filters/search.tsx
index ff3cfa48..3441c200 100644
--- a/web/components/filters/search.tsx
+++ b/web/components/filters/search.tsx
@@ -221,7 +221,7 @@ export const Search = (props: {
         />
       </Row>
       <RightModal
-        className="bg-canvas-0 w-2/3 text-sm sm:hidden"
+        className="bg-canvas-0 w-2/3 text-sm sm:hidden h-full max-h-screen overflow-y-auto"
         open={openFiltersModal}
         setOpen={setOpenFiltersModal}
       >