diff --git a/src/renderer/less/elements.less b/src/renderer/less/elements.less
index 16cf0daf..19f960e7 100644
--- a/src/renderer/less/elements.less
+++ b/src/renderer/less/elements.less
@@ -908,7 +908,7 @@
 }
 
 .cd-mediaitem-mvview .artwork {
-  height: 172px;
+  height: auto;
   width: 300px;
   background: blue;
   border-top-left-radius: 6px;
@@ -918,6 +918,7 @@
   flex: 0 0 auto;
   margin: 6px;
   margin-top: 0px;
+  aspect-ratio: 1.7435897435897436;
 }
 
 .cd-mediaitem-mvview-overlay {
diff --git a/src/renderer/views/components/mediaitem-mvview-sp.ejs b/src/renderer/views/components/mediaitem-mvview-sp.ejs
index 677d8d95..ea0bc5aa 100644
--- a/src/renderer/views/components/mediaitem-mvview-sp.ejs
+++ b/src/renderer/views/components/mediaitem-mvview-sp.ejs
@@ -15,7 +15,7 @@
             </div>
             <div class="artwork">
                 <mediaitem-artwork
-                        :url="item.attributes?.artwork ? item.attributes?.artwork?.url : ''"
+                        :url="item.attributes?.editorialArtwork.subscriptionHero.url ?? item.attributes?.artwork"
                         :video="(item.attributes != null && item.attributes?.editorialVideo != null) ? (item.attributes?.editorialVideo?.motionDetailSquare ? item.attributes?.editorialVideo?.motionDetailSquare?.video : (item.attributes?.editorialVideo?.motionSquareVideo1x1 ? item?.attributes?.editorialVideo?.motionSquareVideo1x1?.video : '')) : '' "
                         :size="516" :width="900"
                 ></mediaitem-artwork>