From 12b963a88780c6b64ac8eb373a750066c493838f Mon Sep 17 00:00:00 2001
From: Tom Butcher <thomasbutcher15@gmail.com>
Date: Fri, 21 Aug 2026 21:51:50 +0100
Subject: [PATCH] Refactor FilterInput Component for Improved Width Handling

- Adjusted the layout of the FilterInput component by wrapping the SimplePropertyFilter in a div with a max-width of 100%, ensuring better responsiveness and alignment.
- Removed the fixed width style to enhance flexibility across different screen sizes, improving overall user experience.
---
 src/components/Dashboard/common/FilterInput.jsx | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/src/components/Dashboard/common/FilterInput.jsx b/src/components/Dashboard/common/FilterInput.jsx
index 69f31874..5d323114 100644
--- a/src/components/Dashboard/common/FilterInput.jsx
+++ b/src/components/Dashboard/common/FilterInput.jsx
@@ -885,17 +885,18 @@ const FilterInput = ({
         <div
           style={{
             padding: '12px 16px',
-            width: 'max-content',
             maxWidth: 280,
             boxSizing: 'border-box'
           }}
         >
-          <SimplePropertyFilter
-            modelType={propertyFilter.modelType}
-            propertyName={propertyFilter.propertyName}
-            value={propertyFilterValue}
-            onChange={handlePropertyFilterChange}
-          />
+          <div style={{ width: 'max-content', maxWidth: '100%' }}>
+            <SimplePropertyFilter
+              modelType={propertyFilter.modelType}
+              propertyName={propertyFilter.propertyName}
+              value={propertyFilterValue}
+              onChange={handlePropertyFilterChange}
+            />
+          </div>
         </div>
       </ScrollBox>
     </div>