diff --git a/src/common/MetaPreview/MetaPreview.js b/src/common/MetaPreview/MetaPreview.js
index a7ff88751..37997b889 100644
--- a/src/common/MetaPreview/MetaPreview.js
+++ b/src/common/MetaPreview/MetaPreview.js
@@ -2,6 +2,8 @@ const React = require('react');
 const PropTypes = require('prop-types');
 const classnames = require('classnames');
 const { Modal } = require('stremio-router');
+const Icon = require('stremio-icons/dom');
+const Image = require('stremio/common/Image');
 const useBinaryState = require('stremio/common/useBinaryState');
 const ActionButton = require('./ActionButton');
 const MetaLinks = require('./MetaLinks');
@@ -75,11 +77,19 @@ const MetaPreview = ({ className, compact, id, type, name, logo, background, dur
             <div className={styles['meta-info-container']}>
                 {
                     typeof logo === 'string' && logo.length > 0 ?
-                        <img
+                        <Image
                             key={logo}
                             className={styles['logo']}
                             src={logo}
                             alt={' '}
+                            renderFallback={
+                                compact ?
+                                    () => (
+                                        <Icon className={styles['logo-placeholder-icon']} icon={'ic_broken_link'} />
+                                    )
+                                    :
+                                    null
+                            }
                         />
                         :
                         null
diff --git a/src/common/MetaPreview/styles.less b/src/common/MetaPreview/styles.less
index 11d0d2d4e..2291a2756 100644
--- a/src/common/MetaPreview/styles.less
+++ b/src/common/MetaPreview/styles.less
@@ -6,8 +6,11 @@
 
     &.compact {
         .meta-info-container {
-            .logo {
+            .logo, .logo-placeholder-icon {
                 width: 100%;
+            }
+
+            .logo {
                 object-position: center;
             }
 
@@ -40,7 +43,7 @@
             height: 100%;
             object-fit: cover;
             object-position: top left;
-            filter: blur(5px) brightness(80%);
+            filter: blur(5px) brightness(50%);
         }
     }
 
@@ -50,14 +53,22 @@
         padding: 0 1rem;
         overflow-y: auto;
 
-        .logo {
+        .logo, .logo-placeholder-icon {
             display: block;
             max-width: 100%;
             height: 7rem;
             margin-top: 1rem;
+            background-color: var(--color-surfacedarker20);
+        }
+
+        .logo {
             object-fit: contain;
             object-position: left center;
-            background-color: var(--color-surfacedarker20);
+        }
+
+        .logo-placeholder-icon {
+            padding: 1rem;
+            fill: var(--color-surfacelight);
         }
 
         .duration-release-info-container {