diff --git a/web_src/js/components/MinioUploader.vue b/web_src/js/components/MinioUploader.vue
index 4fcac8a27..12edccb7c 100755
--- a/web_src/js/components/MinioUploader.vue
+++ b/web_src/js/components/MinioUploader.vue
@@ -88,12 +88,12 @@ export default {
     // previewTemplate += '    </div>\n';
     // previewTemplate += '</div>';
     let previewTemplate = ''
-    previewTemplate += '<div class="dz-preview dz-file-preview" style="width:100%">'
-    previewTemplate += '<div class="dz-details">'
+    previewTemplate += '<div class="dz-preview dz-file-preview" style="width:100%;background: none;">'
+    previewTemplate += '<div class="dz-details" style="opacity: 1;">'
     previewTemplate += '<div class="dz-filename"><span data-dz-name></span></div>'
     previewTemplate += '<div class="dz-size" data-dz-size></div>'
     previewTemplate += '<div class="dz-progress ui active progress" style="top: 75%;width: 80%;left: 15%;"><div class="dz-upload bar" data-dz-uploadprogress><div class="progress"></div></div></div>'
-    previewTemplate += '<img data-dz-thumbnail />'
+    // previewTemplate += '<img data-dz-thumbnail />'
     previewTemplate += '</div>'
     
     previewTemplate += '<div class="dz-success-mark"><span>✔</span></div>'
@@ -132,6 +132,7 @@ export default {
   methods: {
     cancelDataset(){
       location.href = this.repoPath
+      this.dropzoneUploader.removeAllFiles(true)
     },
     resetStatus() {
       this.progress = 0;