Как переопределить местоположение уведомления о закусочной по умолчанию DropZoneArea

Я пытаюсь изменить расположение закусочной по умолчанию в пользовательском интерфейсе материала DropZone, чтобы оно было внизу по центру. Расположение по умолчанию для уведомления о закусочной в вертикальном происхождении — «Снизу», а в горизонтальном происхождении — «Слева».

Любые предложения или мысли будут полезны.

import React from "react";
import { DropzoneArea } from "material-ui-dropzone";
import { makeStyles } from "@material-ui/core";

const useStyles = makeStyles((theme) => ({
  dropZoneContainer: {
    width: "100%",
    minHeight: "0",
  },
}));

const DropZone = ({ text, onChange, error }) => {
  const classes = useStyles();
  const SUPPORTED_FORMATS = [
    "image/jpg",
    "image/jpeg",
    "image/gif",
    "image/png",
  ];
  return (
    <React.Fragment>
      <DropzoneArea
        acceptedFiles = {SUPPORTED_FORMATS}
        maxFileSize = {2000000}
        useChipsForPreview
        filesLimit = {1}
        dropzoneText = {text}
        onChange = {onChange}
        classes = {{ root: classes.dropZoneContainer }}
      />
      <label style = {{ color: "black", fontSize: "0.9rem" }}>
        Max size allowed is 2 MB
      </label>
      <small
        className = "form-text text-danger"
        style = {{ color: "red", fontSize: "0.8rem", fontWeight: "bold" }}
      >
        {error}
      </small>
    </React.Fragment>
  );
};

export default DropZone;