diff --git a/src/components/HTMLEngineProvider/HTMLRenderers/ImageRenderer.js b/src/components/HTMLEngineProvider/HTMLRenderers/ImageRenderer.js
index f3e9009a72ca..e4211278616b 100644
--- a/src/components/HTMLEngineProvider/HTMLRenderers/ImageRenderer.js
+++ b/src/components/HTMLEngineProvider/HTMLRenderers/ImageRenderer.js
@@ -51,7 +51,7 @@ const ImageRenderer = (props) => {
     return imagePreviewModalDisabled ? (
         <ThumbnailImage
             previewSourceURL={previewSource}
-            style={styles.webViewStyles.tagStyles.img}
+            style={[styles.webViewStyles.tagStyles.img, styles.opacityImageLoading]}
             isAuthTokenRequired={isAttachment}
             imageWidth={imageWidth}
             imageHeight={imageHeight}
diff --git a/src/styles/styles.js b/src/styles/styles.js
index 58efa6b4cf73..2bf11bdfa9d5 100644
--- a/src/styles/styles.js
+++ b/src/styles/styles.js
@@ -323,7 +323,9 @@ const styles = {
     opacity0: {
         opacity: 0,
     },
-
+    opacityImageLoading: {
+        opacity: 0.6,
+    },
     opacity1: {
         opacity: 1,
     },