diff --git a/src/itemdetails.html b/src/itemdetails.html
index 1af02d2395..a4d587feb4 100644
--- a/src/itemdetails.html
+++ b/src/itemdetails.html
@@ -249,28 +249,22 @@
         <div class="verticalSection itemVerticalSection moreFromSeasonSection hide">
             <h2 class="sectionTitle sectionTitle-cards padded-left padded-right"></h2>
 
-            <div is="emby-scroller" class="emby-scroller" data-mousewheel="false" data-centerfocus="true" data-horizontal="true">
-                <div class="scrollerframe padded-top-focusscale padded-bottom-focusscale">
+            <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>
         <div class="verticalSection itemVerticalSection moreFromArtistSection hide">
             <h2 class="sectionTitle sectionTitle-cards padded-left padded-right"></h2>
 
-            <div is="emby-scroller" class="emby-scroller" data-mousewheel="false" data-centerfocus="true" data-horizontal="true">
-                <div class="scrollerframe padded-top-focusscale padded-bottom-focusscale">
+            <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>
         <div id="castCollapsible" class="verticalSection detailVerticalSection hide">
             <h2 id="peopleHeader" class="sectionTitle sectionTitle-cards padded-left padded-right">${HeaderCastCrew}</h2>
 
-            <div is="emby-scroller" class="emby-scroller" data-mousewheel="false" data-centerfocus="true" data-horizontal="true">
-                <div class="scrollerframe padded-top-focusscale padded-bottom-focusscale">
+            <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"></div>
-                </div>
             </div>
         </div>
         <div id="seriesScheduleSection" class="verticalSection detailVerticalSection hide">
@@ -297,20 +291,16 @@
         <div id="scenesCollapsible" class="verticalSection itemVerticalSection verticalSection-extrabottompadding hide">
             <h2 class="sectionTitle sectionTitle-cards padded-left padded-right">${HeaderScenes}</h2>
 
-            <div is="emby-scroller" class="emby-scroller" data-mousewheel="false" data-centerfocus="true" data-horizontal="true">
-                <div class="scrollerframe padded-top-focusscale padded-bottom-focusscale">
+            <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>
 
         <div id="similarCollapsible" class="verticalSection itemVerticalSection verticalSection-extrabottompadding hide">
             <h2 class="sectionTitle sectionTitle-cards padded-left padded-right">${HeaderMoreLikeThis}</h2>
 
-            <div is="emby-scroller" class="emby-scroller" data-mousewheel="false" data-centerfocus="true" data-horizontal="true">
-                <div class="scrollerframe padded-top-focusscale padded-bottom-focusscale">
+            <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>
-                </div>
             </div>
         </div>
     </div>