How to centralize the remove button

[zys]

Is there a way to centralize the remove button in the file preview?

[todd-elvers]

Here's a trimmed down version of what I did:

const styles = useStyles();

...

return (
  <div className={styles.fileDropzone}>
    <DropzoneArea onChange={onChange} />
  </div>
)

The useStyles hook:

const useStyles = makeStyles(() =>
  createStyles({
    fileDropzone: {
      "& .MuiDropzonePreviewList-removeButton": {
        top: "35%",
        left: "40%",
      },
    },
  })
);

The result: