Changed style on modal to allow for scroll if needed

src/components/AddMapButton.js

@@ -90,6 +90,9 @@ function AddMapButton({ onMapChanged }) {
             handleDone();
           }}
         >
+          <Label pt={2} pb={1}>
+            Add map
+          </Label>
           <input
             onChange={handleImageUpload}
             type="file"
@@ -104,7 +107,7 @@ function AddMapButton({ onMapChanged }) {
               sx={{
                 width: "500px",
                 minHeight: "200px",
-                maxHeight: "500px",
+                maxHeight: "300px",
                 objectFit: "contain",
                 borderRadius: "4px",
               }}

src/components/Modal.js

@@ -19,6 +19,7 @@ function StyledModal({ isOpen, onRequestClose, children }) {
           bottom: "auto",
           marginRight: "-50%",
           transform: "translate(-50%, -50%)",
+          maxHeight: "100%",
         },
       }}
     >