diff --git a/components/shared/DropUpload.vue b/components/shared/DropUpload.vue
index 27e0efedef..7ec95c2a06 100644
--- a/components/shared/DropUpload.vue
+++ b/components/shared/DropUpload.vue
@@ -42,6 +42,8 @@
         <div v-if="fileSizeFailed" class="help is-danger">
           {{ $t('tooltip.failedMaxSize') }}
         </div>
+      </transition>
+      <transition name="fade">
         <div v-if="checkFailed" class="help is-danger">
           {{ $t('tooltip.needToUploadNFTFile') }}
         </div>
diff --git a/components/shared/view/BasicImage.vue b/components/shared/view/BasicImage.vue
index a08a25fe2a..2cce6644d2 100644
--- a/components/shared/view/BasicImage.vue
+++ b/components/shared/view/BasicImage.vue
@@ -2,13 +2,15 @@
   <figure class="image-wrapper image is-1by1" :class="customClass">
     <transition name="fade">
       <img
-        v-if="loaded"
+        v-if="imageSrc"
         :src="imageSrc || placeholder"
         :alt="alt"
         :class="['has-ratio', { 'is-rounded': rounded }]"
         @load="onImageLoad"
         @error="onImageError" />
-      <slot v-else name="placeholder">
+    </transition>
+    <transition name="fade">
+      <slot v-if="!loaded" name="placeholder">
         <NeoSkeleton full-size no-margin :circle="rounded" />
       </slot>
     </transition>