diff --git a/src/Components/Inputs/Select/index.jsx b/src/Components/Inputs/Select/index.jsx index 0d183d4e3..1cb35c19c 100644 --- a/src/Components/Inputs/Select/index.jsx +++ b/src/Components/Inputs/Select/index.jsx @@ -50,7 +50,7 @@ const Select = ({ sx, name = "", labelControlSpacing = 2, - maxWidthValue = 250, + maxWidth, }) => { const theme = useTheme(); const itemStyles = { @@ -60,6 +60,13 @@ const Select = ({ margin: theme.spacing(2), }; + const responsiveMaxWidth = { + xs: `${maxWidth * 0.5}px`, + sm: `${maxWidth * 0.75}px`, + md: `${maxWidth * 0.9}px`, + lg: `${maxWidth}px`, + }; + return (