diff --git a/app/javascript/src/javascripts/uploads.js.erb b/app/javascript/src/javascripts/uploads.js.erb
index 4d456f78f..15bb24e3f 100644
--- a/app/javascript/src/javascripts/uploads.js.erb
+++ b/app/javascript/src/javascripts/uploads.js.erb
@@ -150,10 +150,13 @@ Upload.initialize_dropzone = function() {
   let dropzone = new Dropzone("#filedropzone", {
     paramName: "upload[file]",
     url: "/uploads/preprocess",
-    createImageThumbnails: false,
+    thumbnailHeight: 150,
+    thumbnailWidth: 150,
+    thumbnailMethod: "contain",
     addRemoveLinks: false,
     maxFiles: 1,
     maxFilesize: Upload.MAX_FILE_SIZE,
+    maxThumbnailFilesize: Upload.MAX_FILE_SIZE,
     timeout: 0,
     acceptedFiles: "image/jpeg,image/png,image/gif,video/mp4,video/webm,.swf",
     previewTemplate: $("#dropzone-preview-template").html(),
diff --git a/app/javascript/src/styles/specific/dropzone.scss b/app/javascript/src/styles/specific/dropzone.scss
index da3de8ec1..215049faa 100644
--- a/app/javascript/src/styles/specific/dropzone.scss
+++ b/app/javascript/src/styles/specific/dropzone.scss
@@ -10,6 +10,20 @@
   cursor: pointer;
   position: relative;
 
+  .dz-preview {
+    display: flex;
+
+    img[data-dz-thumbnail] {
+      padding: 1em;
+    }
+
+    .dz-details {
+      display: flex;
+      flex-direction: column;
+      align-self: center;
+    }
+  }
+
   &.dz-started .dropzone-hint {
     display: none;
   }
diff --git a/app/views/uploads/_dropzone_preview.html.erb b/app/views/uploads/_dropzone_preview.html.erb
index c65b208d4..e1ee433f8 100644
--- a/app/views/uploads/_dropzone_preview.html.erb
+++ b/app/views/uploads/_dropzone_preview.html.erb
@@ -1,4 +1,5 @@
 <div class="dz-preview dz-file-preview">
+  <img data-dz-thumbnail/>
   <div class="dz-details">
     <div class="dz-filename">
       <span data-dz-name></span>