diff --git a/plugins/quote/quote.css b/plugins/quote/quote.css
index e21dfd9b..68ceec5f 100644
--- a/plugins/quote/quote.css
+++ b/plugins/quote/quote.css
@@ -127,7 +127,7 @@
 
 .authorsPhoto-wrapper {
     border: 0 !important;
-    transition: all 500ms ease-in;
+    transition: all 20ms ease-in;
     will-change: opacity, filter;
 }
 
diff --git a/plugins/quote/quote.js b/plugins/quote/quote.js
index 502935fe..752f5a37 100644
--- a/plugins/quote/quote.js
+++ b/plugins/quote/quote.js
@@ -342,14 +342,14 @@ var quote = (function(quote) {
             var uploadImageWrapper = codex.content.currentNode.querySelector('.' + elementClasses_.withPhoto.photo),
                 authorsPhoto = ui_.img(elementClasses_.authorsPhoto);
 
+            /** Appending uploaded image */
+            uploadImageWrapper.classList.add(elementClasses_.authorsPhotoWrapper, elementClasses_.authorsPhotoWrapper_preview);
+
             authorsPhoto.src = e.target.result;
 
             /** Remove icon from image wrapper */
             uploadImageWrapper.innerHTML = '';
 
-            /** Appending uploaded image */
-            uploadImageWrapper.classList.add(elementClasses_.authorsPhotoWrapper, elementClasses_.authorsPhotoWrapper_preview);
-
             uploadImageWrapper.appendChild(authorsPhoto);
         },