diff --git a/react-openapi/components/FilterBar.tsx b/react-openapi/components/FilterBar.tsx
index 7effd01..a528a85 100644
--- a/react-openapi/components/FilterBar.tsx
+++ b/react-openapi/components/FilterBar.tsx
@@ -286,7 +286,7 @@ export default function FilterBar({
               const raw = draft[fieldName];
 
               return (
-                <Box key={fieldName} sx={{ display: "flex", flexDirection: "column", flex: 1, minWidth: { sm: 200 } }}>
+                <Box key={fieldName} sx={{ display: "flex", flexDirection: "column", flex: { xs: '0 0 100%', sm: 1 }, minWidth: { sm: 200 } }}>
                   <Box sx={{ typography: "caption", mb: 0.5, color: "text.secondary" }}>
                     {field.label}
                   </Box>