How to add style to MaterialUi React component?

Question

css

How to add style to element like top padding?
https://codesandbox.io/s/material-demo-1r2yo
As an option, of course I can do this, but it seems to me wrong.

const useStyles = makeStyles(theme => ({
  root: {
    marginTop: 10
  }
}));

const MainListItems = () => {
  const classes = useStyles();

  return (
    <div>
      <ListItem button className={classes.root}>

Answer 1

I would make the picture a background image.

Answer 2

Answer 3

Well, you can hardcode, but it will definitely be worse. So you have the option as described in the documentation