From 52c62541b050fdc90fd0ef2e37c2eb7e424d8e4b Mon Sep 17 00:00:00 2001
From: sebseb7 <sebgreenbus@gmail.com>
Date: Fri, 27 Mar 2026 01:37:14 +0100
Subject: [PATCH] fix: Adjust ProductFilters component to clear min-height on
 mobile screens for improved responsiveness

---
 src/components/ProductFilters.js | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/components/ProductFilters.js b/src/components/ProductFilters.js
index 4a1eef1..a72ea53 100644
--- a/src/components/ProductFilters.js
+++ b/src/components/ProductFilters.js
@@ -273,13 +273,15 @@ class ProductFilters extends Component {
 
 
   adjustPaperHeight = () => {
-    // Skip height adjustment on xs screens
-    if (window.innerWidth < 600) return;
-    
-    // Get reference to our paper element
     const paperEl = document.getElementById('filters-paper');
     if (!paperEl) return;
 
+    // No min-height on mobile — also clears inline style after resize from desktop
+    if (window.innerWidth < 600) {
+      paperEl.style.minHeight = '';
+      return;
+    }
+
     // Get viewport height
     const viewportHeight = window.innerHeight;