diff --git a/src/pages/gallery/components/DragAndDropUpload.tsx b/src/pages/gallery/components/DragAndDropUpload.tsx
index 9cb53a8e8..80852c6f0 100644
--- a/src/pages/gallery/components/DragAndDropUpload.tsx
+++ b/src/pages/gallery/components/DragAndDropUpload.tsx
@@ -29,13 +29,14 @@ const DropDiv = styled.div`
   transition: border 0.24s ease-in-out;
 `;
 
-const FileUpload = ({ children }) => {
+const FileUpload = ({ children, noClick }) => {
   return (
     <>
       <Dropzone
         onDrop={(acceptedFiles) => {
           console.log(acceptedFiles);
         }}
+        noClick={noClick}
       >
         {({
           getRootProps,
diff --git a/src/pages/gallery/index.tsx b/src/pages/gallery/index.tsx
index 4c654dac9..c3695a3fb 100644
--- a/src/pages/gallery/index.tsx
+++ b/src/pages/gallery/index.tsx
@@ -287,7 +287,7 @@ export default function Gallery() {
         selected={router.query.collection?.toString()}
         selectCollection={selectCollection}
       />
-      <FileUpload>
+      <FileUpload noClick>
         {filteredData.length ? (
           <Container>
             <AutoSizer>