diff --git a/packages/material-ui/src/ListItemAvatar/ListItemAvatar.js b/packages/material-ui/src/ListItemAvatar/ListItemAvatar.js index 9b647b8efc450f..3236b4408c8f36 100644 --- a/packages/material-ui/src/ListItemAvatar/ListItemAvatar.js +++ b/packages/material-ui/src/ListItemAvatar/ListItemAvatar.js @@ -9,7 +9,7 @@ export const styles = { root: { minWidth: 56, }, - /* Styles applied to the root element when context.alignItems="flex-start". */ + /* Styles applied to the root element when the parent `ListItem` uses `alignItems="flex-start"`. */ alignItemsFlexStart: { marginTop: 8, }, diff --git a/pages/api/list-item-avatar.md b/pages/api/list-item-avatar.md index 64029f6fcfd9ab..cc8cf71c124e73 100644 --- a/pages/api/list-item-avatar.md +++ b/pages/api/list-item-avatar.md @@ -35,7 +35,7 @@ This property accepts the following keys: | Name | Description | |:-----|:------------| | root | Styles applied to the root element. -| alignItemsFlexStart | Styles applied to the root element when context.alignItems="flex-start". +| alignItemsFlexStart | Styles applied to the root element when the parent `ListItem` uses `alignItems="flex-start"`. Have a look at [overriding with classes](/customization/overrides/#overriding-with-classes) section and the [implementation of the component](https://github.com/mui-org/material-ui/blob/next/packages/material-ui/src/ListItemAvatar/ListItemAvatar.js)