diff --git a/src/itemdetails.html b/src/itemdetails.html
index 1435b04a72..2e7388fccc 100644
--- a/src/itemdetails.html
+++ b/src/itemdetails.html
@@ -110,7 +110,7 @@
 
             <div class="detailPageContent">
 
-                <div class="detailPagePrimaryContent">
+                <div class="detailPagePrimaryContent padded-left padded-right">
                     <div class="detailSection" style="margin-bottom: 0;">
 
                         <div class="itemMiscInfo nativeName hide">
@@ -174,47 +174,47 @@
                     </div>
                 </div>
                 <div class="seriesTimerScheduleSection verticalSection detailVerticalSection hide" style="margin-top:-3em;">
-                    <h2 class="sectionTitle">
+                    <h2 class="sectionTitle padded-left">
                         ${HeaderSchedule}
                     </h2>
-                    <div class="seriesTimerSchedule">
+                    <div class="seriesTimerSchedule padded-left padded-right">
                     </div>
                 </div>
                 <div class="collectionItems"></div>
                 <div class="nextUpSection verticalSection detailVerticalSection hide">
-                    <h2 class="sectionTitle sectionTitle-cards">${HeaderNextUp}</h2>
-                    <div is="emby-itemscontainer" class="nextUpItems vertical-wrap"></div>
+                    <h2 class="sectionTitle sectionTitle-cards padded-left">${HeaderNextUp}</h2>
+                    <div is="emby-itemscontainer" class="nextUpItems vertical-wrap padded-left padded-right"></div>
                 </div>
                 <div class="programGuideSection hide verticalSection detailVerticalSection">
                     <div class="programGuide"></div>
                 </div>
                 <div id="childrenCollapsible" class="hide verticalSection detailVerticalSection">
-                    <h2 class="childrenSectionHeader sectionTitle sectionTitle-cards">
+                    <h2 class="childrenSectionHeader sectionTitle sectionTitle-cards padded-left">
                         <span id="childrenTitle"></span>
                     </h2>
                     <div id="childrenContent">
-                        <div is="emby-itemscontainer" class="childrenItemsContainer itemsContainer" style="text-align: left;"></div>
+                        <div is="emby-itemscontainer" class="childrenItemsContainer itemsContainer padded-left padded-right" style="text-align: left;"></div>
                     </div>
                 </div>
                 <div id="additionalPartsCollapsible" class="verticalSection detailVerticalSection hide">
-                    <h2 class="sectionTitle sectionTitle-cards">${HeaderAdditionalParts}</h2>
+                    <h2 class="sectionTitle sectionTitle-cards padded-left">${HeaderAdditionalParts}</h2>
                     <div id="additionalPartsContent" is="emby-itemscontainer" class="itemsContainer vertical-wrap">
                     </div>
                 </div>
                 <div class="verticalSection itemVerticalSection moreFromSeasonSection hide">
-                    <h2 class="sectionTitle sectionTitle-cards"></h2>
+                    <h2 class="sectionTitle sectionTitle-cards padded-left padded-right"></h2>
                     <div is="emby-scroller" class="padded-top-focusscale padded-bottom-focusscale" data-mousewheel="false" data-centerfocus="true">
                         <div is="emby-itemscontainer" class="scrollSlider focuscontainer-x itemsContainer"></div>
                     </div>
                 </div>
                 <div class="verticalSection itemVerticalSection moreFromArtistSection hide">
-                    <h2 class="sectionTitle sectionTitle-cards"></h2>
+                    <h2 class="sectionTitle sectionTitle-cards padded-left padded-right"></h2>
                     <div is="emby-scroller" class="padded-top-focusscale padded-bottom-focusscale" data-mousewheel="false" data-centerfocus="true">
                         <div is="emby-itemscontainer" class="scrollSlider focuscontainer-x itemsContainer"></div>
                     </div>
                 </div>
                 <div id="castCollapsible" class="verticalSection detailVerticalSection hide">
-                    <h2 id="peopleHeader" class="sectionTitle sectionTitle-cards">${HeaderCastCrew}</h2>
+                    <h2 id="peopleHeader" class="sectionTitle sectionTitle-cards padded-left padded-right">${HeaderCastCrew}</h2>
                     <div is="emby-scroller" class="padded-top-focusscale padded-bottom-focusscale" data-mousewheel="false" data-centerfocus="true">
                         <div id="castContent" is="emby-itemscontainer"
                             class="scrollSlider focuscontainer-x itemsContainer">
@@ -222,28 +222,28 @@
                     </div>
                 </div>
                 <div id="seriesScheduleSection" class="verticalSection detailVerticalSection hide">
-                    <h2 class="sectionTitle">${HeaderUpcomingOnTV}</h2>
+                    <h2 class="sectionTitle padded-left padded-right">${HeaderUpcomingOnTV}</h2>
                     <div id="seriesScheduleList" is="emby-itemscontainer" class="itemsContainer vertical-list"></div>
                 </div>
 
                 <div id="specialsCollapsible" class="verticalSection detailVerticalSection hide">
-                    <h2 class="sectionTitle sectionTitle-cards">${HeaderSpecialFeatures}</h2>
+                    <h2 class="sectionTitle sectionTitle-cards padded-left">${HeaderSpecialFeatures}</h2>
                     <div id="specialsContent" is="emby-itemscontainer" class="itemsContainer vertical-wrap"></div>
                 </div>
                 <div id="musicVideosCollapsible" class="verticalSection detailVerticalSection hide">
-                    <h2 class="sectionTitle sectionTitle-cards">${HeaderMusicVideos}</h2>
+                    <h2 class="sectionTitle sectionTitle-cards padded-left">${HeaderMusicVideos}</h2>
                     <div id="musicVideosContent" is="emby-itemscontainer" class="itemsContainer vertical-wrap"></div>
                 </div>
 
                 <div id="scenesCollapsible" class="verticalSection itemVerticalSection verticalSection-extrabottompadding hide">
-                    <h2 class="sectionTitle sectionTitle-cards">${HeaderScenes}</h2>
+                    <h2 class="sectionTitle sectionTitle-cards padded-left padded-right">${HeaderScenes}</h2>
                     <div is="emby-scroller" class="padded-top-focusscale padded-bottom-focusscale" data-mousewheel="false" data-centerfocus="true">
                         <div id="scenesContent" is="emby-itemscontainer" class="scrollSlider focuscontainer-x itemsContainer"></div>
                     </div>
                 </div>
 
                 <div id="similarCollapsible" class="verticalSection itemVerticalSection verticalSection-extrabottompadding hide">
-                    <h2 class="sectionTitle sectionTitle-cards">${HeaderMoreLikeThis}</h2>
+                    <h2 class="sectionTitle sectionTitle-cards padded-left padded-right">${HeaderMoreLikeThis}</h2>
                     <div is="emby-scroller" class="padded-top-focusscale padded-bottom-focusscale" data-mousewheel="false" data-centerfocus="true">
                         <div is="emby-itemscontainer" class="scrollSlider focuscontainer-x itemsContainer similarContent">
                         </div>