message: fix image cell spacing
diff: @@ -30,8 +30,6 @@ const useStyles = makeStyles((theme: Theme) =>
  boxShadow: `0 0 0 1px ${theme.palette.divider} inset`,
  borderRadius: theme.shape.borderRadius,
  -
  - "& + &": { marginLeft: theme.spacing(1) },
  },
  deleteImgHover: {
  @@ -106,9 +104,11 @@ const Image = (props: Props) => {
  <input {...getInputProps()} />
  <Grid item xs>
  + <Grid container spacing={1}>
  {value &&
  files.map((file: { name: string; downloadURL: string }) => (
  - <Tooltip key={file.downloadURL} title="Click to delete">
  + <Grid item key={file.downloadURL}>
  + <Tooltip title="Click to delete">
  <span>
  <Confirmation
  message={{
  @@ -150,8 +150,10 @@ const Image = (props: Props) => {
  </Confirmation>
  </span>
  </Tooltip>
  + </Grid>
  ))}
  </Grid>
  + </Grid>
  <Grid item>
  {progress === 0 ? (
  