- Made it responsive

Author: heath-freenome

CHANGELOG.md

@@ -46,7 +46,7 @@ should change the heading of the (upcoming) version to include a major version b
 ## @rjsf/mui
 
 - Updated `FieldTemplate` to skip label and description rendering for checkbox widgets, fixing ([#4742](https://github.com/rjsf-team/react-jsonschema-form/issues/4742))
-- Updated `ArrayFieldItemTemplate` to remove `size='auto'` from the `Grid`, fixing [#4838](https://github.com/rjsf-team/react-jsonschema-form/issues/4838)
+- Updated `ArrayFieldItemTemplate` to switch `size` from 'auto' to responsive values on the `Grid`, fixing [#4838](https://github.com/rjsf-team/react-jsonschema-form/issues/4838)
 
 ## @rjsf/primereact
 

packages/mui/src/ArrayFieldItemTemplate/ArrayFieldItemTemplate.tsx

@@ -36,7 +36,7 @@ export default function ArrayFieldItemTemplate<
   };
   return (
     <Grid container={true} alignItems='center'>
-      <Grid style={{ overflow: 'auto' }}>
+      <Grid size={{ xs: 8, sm: 9, md: 10, lg: 11 }} style={{ overflow: 'auto' }}>
         <Box mb={2}>
           <Paper elevation={2}>
             <Box p={2}>{children}</Box>