diff --git a/src/components/pages/gallery/UploadTypeChoiceModal.tsx b/src/components/pages/gallery/UploadTypeChoiceModal.tsx
index 44793f628..c654c10c2 100644
--- a/src/components/pages/gallery/UploadTypeChoiceModal.tsx
+++ b/src/components/pages/gallery/UploadTypeChoiceModal.tsx
@@ -40,7 +40,7 @@ export default function UploadTypeChoiceModal({
                 onHide={hideFiletypeDialog}
                 style={{
                     borderBottom: 'none',
-                    height: '8vh',
+                    height: '4em',
                 }}>
                 <Modal.Title
                     id="contained-modal-title-vcenter"
@@ -59,14 +59,14 @@ export default function UploadTypeChoiceModal({
             </Modal.Header>
             <Modal.Body
                 style={{
-                    height: '20vh',
+                    height: '10em',
                 }}>
                 <Container>
                     <Row className="justify-content-md-center py-2">
                         <Button
                             variant="light"
                             onClick={uploadFiles}
-                            style={{ width: '90%', height: '6vh' }}>
+                            style={{ width: '90%', height: '3em' }}>
                             <Container>
                                 <Row>
                                     <div>
@@ -86,7 +86,7 @@ export default function UploadTypeChoiceModal({
                         <Button
                             variant="light"
                             onClick={uploadDirs}
-                            style={{ width: '90%', height: '6vh' }}>
+                            style={{ width: '90%', height: '3em' }}>
                             <Container>
                                 <Row>
                                     <div>
diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
index 16a4b8845..a780bb5c4 100644
--- a/src/pages/_app.tsx
+++ b/src/pages/_app.tsx
@@ -497,8 +497,10 @@ const GlobalStyles = createGlobalStyle`
         cursor:pointer;
     }
 
-    .file-type-choice-modal{
-        width: 30vw;
+    @media (min-width: 450px) {
+        .file-type-choice-modal{
+            width: 25em;
+        }
     }
 
     .manageLinkHeader:hover{