diff --git a/src/components/listview/listview.css b/src/components/listview/listview.css
index 4d3b27ce75..1ed543c11b 100644
--- a/src/components/listview/listview.css
+++ b/src/components/listview/listview.css
@@ -149,8 +149,8 @@
 
 @media all and (max-width: 64em) {
     .listItemImage-large {
-        width: 33.75vw;
-        height: 22.5vw;
+        width: 22vw;
+        height: 16vw;
         margin-right: 0 !important;
     }
 
diff --git a/src/components/listview/listview.js b/src/components/listview/listview.js
index 94535deb6f..dcc3636a64 100644
--- a/src/components/listview/listview.js
+++ b/src/components/listview/listview.js
@@ -500,11 +500,11 @@ define(['itemHelper', 'mediaInfo', 'indicators', 'connectionManager', 'layoutMan
                         html += '<button is="emby-playstatebutton" type="button" class="listItemButton paper-icon-button-light" data-id="' + item.Id + '" data-serverid="' + item.ServerId + '" data-itemtype="' + item.Type + '" data-played="' + (userData.Played) + '"><i class="md-icon">check</i></button>';
                     }
 
+                    html += '</span>';
+
                     if (itemHelper.canRate(item)) {
                         html += '<button is="emby-ratingbutton" type="button" class="listItemButton paper-icon-button-light" data-id="' + item.Id + '" data-serverid="' + item.ServerId + '" data-itemtype="' + item.Type + '" data-likes="' + likes + '" data-isfavorite="' + (userData.IsFavorite) + '"><i class="md-icon">favorite</i></button>';
                     }
-
-                    html += '</span>';
                 }
             }