diff --git a/src/common/MetaPreview/MetaPreview.js b/src/common/MetaPreview/MetaPreview.js
index 689338165..d1b488a7d 100644
--- a/src/common/MetaPreview/MetaPreview.js
+++ b/src/common/MetaPreview/MetaPreview.js
@@ -93,8 +93,8 @@ const MetaPreview = ({ className, compact, name, logo, background, runtime, rele
return trailerStreams[0].deepLinks.player;
}, [trailerStreams]);
const renderLogoFallback = React.useCallback(() => (
-
{name}
- ), [name]);
+ {!compact ? name : null}
+ ), [compact, name]);
return (
{
diff --git a/src/common/MetaPreview/styles.less b/src/common/MetaPreview/styles.less
index b88daf4de..790960535 100644
--- a/src/common/MetaPreview/styles.less
+++ b/src/common/MetaPreview/styles.less
@@ -12,9 +12,7 @@
.meta-info-container {
.logo, .logo-placeholder {
width: 100%;
- }
-
- .logo {
+ height: 8rem;
background-color: @color-surface-dark5-10;
}