diff --git a/src/renderer/less/elements.less b/src/renderer/less/elements.less
index 00ff74da..1604effa 100644
--- a/src/renderer/less/elements.less
+++ b/src/renderer/less/elements.less
@@ -398,6 +398,19 @@
   border-radius: var(--mediaItemRadius);
   position: relative;
 
+  .listitem-content {
+    width: 100%;
+  height: 60px;
+  display: flex;
+  flex: 0 0 auto;
+  flex-direction: row;
+  font-size: 14px;
+  justify-content: center-between;
+  align-items: center;
+  border-radius: var(--mediaItemRadius);
+  position: relative;
+  }
+
   &:hover {
     .heart-icon {
       display: none;
diff --git a/src/renderer/views/components/mediaitem-list-item.ejs b/src/renderer/views/components/mediaitem-list-item.ejs
index e8da0b67..6c2a5129 100644
--- a/src/renderer/views/components/mediaitem-list-item.ejs
+++ b/src/renderer/views/components/mediaitem-list-item.ejs
@@ -16,7 +16,7 @@
          @controller-click="route()"
          tabindex="0"
          :class="[{'mediaitem-selected': app.select_hasMediaItem(guid)}, addClasses]">
-        <template v-show="isVisible">
+        <div v-show="isVisible" class="listitem-content">
             <div class="popular" v-if="!showInLibrary && item?.meta?.popularity != null && item?.meta?.popularity > 0.7"></div>
             <div class="isLibrary" v-if="showLibraryStatus == true">
                 <div v-if="showInLibrary" :style="{display: (showInLibrary ? 'block' : 'none'), 'margin-left':'11px'}">
@@ -87,7 +87,7 @@
             <div class="duration" v-if="item.attributes.playCount" @dblclick="route()">
                 {{ item.attributes.playCount }}
             </div>
-        </template>
+        </div>
     </div>
 </script>
 
diff --git a/src/renderer/views/components/mediaitem-square.ejs b/src/renderer/views/components/mediaitem-square.ejs
index be00bc7c..385a463e 100644
--- a/src/renderer/views/components/mediaitem-square.ejs
+++ b/src/renderer/views/components/mediaitem-square.ejs
@@ -8,8 +8,7 @@
         <div v-if="reasonShown" class="reasonSP ">{{item?.meta?.reason?.stringForDisplay ?? ''}}</div>
         <div style="{'--spcolor': getBgColor()}"
              class="cd-mediaitem-square" :class="getClasses()" @contextmenu="getContextMenu">
-            <template v-show="isVisible">
-                <div class="artwork-container">
+                <div class="artwork-container" v-show="isVisible">
                     <div class="unavailable-overlay" v-if="unavailable">
                         <div class="codicon codicon-circle-slash"></div>
                     </div>
@@ -40,6 +39,7 @@
                     </div>
                 </div>
                 <div class="info-rect" :class="{'info-rect-card': kind == 'card'}"
+					v-show="isVisible"
                      :style="{'--bgartwork': getArtworkUrl(size, true)}">
                     <div class="title"
                          :title="item.attributes?.name ?? (item.relationships?.contents?.data[0]?.attributes?.name ?? (item.attributes?.editorialNotes?.name ?? ''))"
@@ -58,7 +58,6 @@
                     </div>
                     <div class="subtitle" v-if="getSubtitle() == '' && kind != 'card'">&nbsp;</div>
                 </div>
-            </template>
         </div>
     </div>
 </script>