diff --git a/packages/email-editor/src/extensions/ImageExtension.tsx b/packages/email-editor/src/extensions/ImageExtension.tsx
index 4719d69..ecd9663 100644
--- a/packages/email-editor/src/extensions/ImageExtension.tsx
+++ b/packages/email-editor/src/extensions/ImageExtension.tsx
@@ -67,11 +67,11 @@ export const ResizableImageExtension =
           props: {
             handleDOMEvents: {
               drop: (view, event) => {
-                event.preventDefault();
-
                 const hasFiles = event.dataTransfer?.files?.length;
                 if (!hasFiles) return false;
 
+                event.preventDefault();
+
                 const image = Array.from(event.dataTransfer.files).find(
                   (file) => file.type.startsWith("image/")
                 );