diff --git a/src/controllers/itemdetailpage.js b/src/controllers/itemdetailpage.js
index 08e77f0f2a..7ca7c540ea 100644
--- a/src/controllers/itemdetailpage.js
+++ b/src/controllers/itemdetailpage.js
@@ -1528,12 +1528,12 @@ define(["loading", "appRouter", "layoutManager", "userSettings", "connectionMana
             if (!(currentStartDate && currentStartDate.toDateString() === itemStartDate.toDateString())) {
                 if (currentItems.length) {
                     html += '<div class="verticalSection verticalDetailSection">';
-                    html += '<h2 class="sectionTitle">' + datetime.toLocaleDateString(currentStartDate, {
+                    html += '<h2 class="sectionTitle padded-left">' + datetime.toLocaleDateString(currentStartDate, {
                         weekday: "long",
                         month: "long",
                         day: "numeric"
                     }) + "</h2>";
-                    html += '<div is="emby-itemscontainer" class="vertical-list">' + listView.getListViewHtml({
+                    html += '<div is="emby-itemscontainer" class="vertical-list padded-left padded-right">' + listView.getListViewHtml({
                         items: currentItems,
                         enableUserDataButtons: false,
                         showParentTitle: true,
@@ -1553,12 +1553,12 @@ define(["loading", "appRouter", "layoutManager", "userSettings", "connectionMana
 
         if (currentItems.length) {
             html += '<div class="verticalSection verticalDetailSection">';
-            html += '<h2 class="sectionTitle">' + datetime.toLocaleDateString(currentStartDate, {
+            html += '<h2 class="sectionTitle padded-left">' + datetime.toLocaleDateString(currentStartDate, {
                 weekday: "long",
                 month: "long",
                 day: "numeric"
             }) + "</h2>";
-            html += '<div is="emby-itemscontainer" class="vertical-list">' + listView.getListViewHtml({
+            html += '<div is="emby-itemscontainer" class="vertical-list padded-left padded-right">' + listView.getListViewHtml({
                 items: currentItems,
                 enableUserDataButtons: false,
                 showParentTitle: true,
@@ -1725,13 +1725,13 @@ define(["loading", "appRouter", "layoutManager", "userSettings", "connectionMana
     function renderCollectionItemType(page, parentItem, type, items) {
         var html = "";
         html += '<div class="verticalSection">';
-        html += '<div class="sectionTitleContainer sectionTitleContainer-cards">';
+        html += '<div class="sectionTitleContainer sectionTitleContainer-cards padded-left">';
         html += '<h2 class="sectionTitle sectionTitle-cards">';
         html += "<span>" + type.name + "</span>";
         html += "</h2>";
         html += '<button class="btnAddToCollection sectionTitleButton" type="button" is="paper-icon-button-light" style="margin-left:1em;"><i class="md-icon" icon="add">add</i></button>';
         html += "</div>";
-        html += '<div is="emby-itemscontainer" class="itemsContainer collectionItemsContainer vertical-wrap">';
+        html += '<div is="emby-itemscontainer" class="itemsContainer collectionItemsContainer vertical-wrap padded-left padded-right">';
         var shape = "MusicAlbum" == type.type ? getSquareShape(false) : getPortraitShape(false);
         html += cardBuilder.getCardsHtml({
             items: items,