diff --git a/src/routes/MetaDetails/MetaDetails.js b/src/routes/MetaDetails/MetaDetails.js
index ec5377509..ee0a6907a 100644
--- a/src/routes/MetaDetails/MetaDetails.js
+++ b/src/routes/MetaDetails/MetaDetails.js
@@ -76,12 +76,19 @@ const MetaDetails = ({ urlParams, queryParams }) => {
         setSeason(event.value);
     }, [setSeason]);
     const renderBackgroundImageFallback = React.useCallback(() => null, []);
+    const renderBackground = React.useMemo(() => !!(
+        metaPath &&
+        metaDetails?.metaItem &&
+        metaDetails.metaItem.content?.type !== 'Err' &&
+        metaDetails.metaItem.content.type !== 'Loading' &&
+        typeof metaDetails.metaItem.content.content?.background === 'string' &&
+        metaDetails.metaItem.content.content.background.length > 0
+    ), [metaPath, metaDetails]);
 
     return (
         <div className={styles['metadetails-container']}>
             {
-                typeof metaDetails.metaItem.content.content.background === 'string'
-                    && metaDetails.metaItem.content.content.background.length > 0 ?
+                renderBackground ?
                     <div className={styles['background-image-layer']}>
                         <Image
                             className={styles['background-image']}