diff --git a/docs/data/material/migration/upgrade-to-v9/upgrade-to-v9.md b/docs/data/material/migration/upgrade-to-v9/upgrade-to-v9.md index aff1cd76c9d1a7..c3eb5756c8f156 100644 --- a/docs/data/material/migration/upgrade-to-v9/upgrade-to-v9.md +++ b/docs/data/material/migration/upgrade-to-v9/upgrade-to-v9.md @@ -164,6 +164,10 @@ See the [Grid v2 migration guide](/material-ui/migration/upgrade-to-grid-v2/) fo `MuiGridLegacy` has also been removed from the theme `components` types (`ComponentsProps`, `ComponentsOverrides`, and `ComponentsVariants`). +### List + +`ListItemIcon` default min-width changes to `36px` (was `56px`) to be consistent with the menu item and uses `theme.spacing` instead of a hardcoded number. + ### TablePagination numbers are formatted by default Pagination numbers in `TablePagination` are now formatted using `Intl.NumberFormat` according to the locale. diff --git a/packages/mui-material/src/ListItemIcon/ListItemIcon.js b/packages/mui-material/src/ListItemIcon/ListItemIcon.js index 00cf8c2a869d7d..81aeb8629aede4 100644 --- a/packages/mui-material/src/ListItemIcon/ListItemIcon.js +++ b/packages/mui-material/src/ListItemIcon/ListItemIcon.js @@ -29,7 +29,7 @@ const ListItemIconRoot = styled('div', { }, })( memoTheme(({ theme }) => ({ - minWidth: 56, + minWidth: theme.spacing(4.5), color: (theme.vars || theme).palette.action.active, flexShrink: 0, display: 'inline-flex',