diff --git a/src/controllers/itemDetails/index.html b/src/controllers/itemDetails/index.html
index ddb7be3aec..bc6bc5f5a4 100644
--- a/src/controllers/itemDetails/index.html
+++ b/src/controllers/itemDetails/index.html
@@ -173,7 +173,9 @@
 
                 <div id="additionalPartsCollapsible" class="verticalSection detailVerticalSection hide">
                     <h2 class="sectionTitle sectionTitle-cards padded-right">${HeaderAdditionalParts}</h2>
-                    <div id="additionalPartsContent" is="emby-itemscontainer" class="itemsContainer vertical-wrap padded-right"></div>
+                    <div is="emby-scroller" class="padded-top-focusscale padded-bottom-focusscale" data-centerfocus="true">
+                        <div id="additionalPartsContent" is="emby-itemscontainer" class="scrollSlider focuscontainer-x itemsContainer"></div>
+                    </div>
                 </div>
 
                 <div class="verticalSection detailVerticalSection moreFromSeasonSection hide">
@@ -204,12 +206,16 @@
 
                 <div id="specialsCollapsible" class="verticalSection detailVerticalSection hide">
                     <h2 class="sectionTitle sectionTitle-cards padded-right">${HeaderSpecialFeatures}</h2>
-                    <div id="specialsContent" is="emby-itemscontainer" class="itemsContainer vertical-wrap padded-right"></div>
+                    <div is="emby-scroller" class="padded-top-focusscale padded-bottom-focusscale" data-centerfocus="true">
+                        <div id="specialsContent" is="emby-itemscontainer" class="scrollSlider focuscontainer-x itemsContainer"></div>
+                    </div>
                 </div>
 
                 <div id="musicVideosCollapsible" class="verticalSection detailVerticalSection hide">
                     <h2 class="sectionTitle sectionTitle-cards padded-right">${HeaderMusicVideos}</h2>
-                    <div id="musicVideosContent" is="emby-itemscontainer" class="itemsContainer vertical-wrap padded-right"></div>
+                    <div is="emby-scroller" class="padded-top-focusscale padded-bottom-focusscale" data-centerfocus="true">
+                        <div id="musicVideosContent" is="emby-itemscontainer" class="scrollSlider focuscontainer-x itemsContainer"></div>
+                    </div>
                 </div>
 
                 <div id="scenesCollapsible" class="verticalSection detailVerticalSection verticalSection-extrabottompadding hide">
diff --git a/src/controllers/itemDetails/index.js b/src/controllers/itemDetails/index.js
index a14fa08aa4..bba6cba9c0 100644
--- a/src/controllers/itemDetails/index.js
+++ b/src/controllers/itemDetails/index.js
@@ -819,7 +819,7 @@ define(['loading', 'appRouter', 'layoutManager', 'connectionManager', 'userSetti
 
         if (item.SpecialFeatureCount && 0 != item.SpecialFeatureCount && 'Series' != item.Type) {
             page.querySelector('#specialsCollapsible').classList.remove('hide');
-            renderSpecials(page, item, user, 6);
+            renderSpecials(page, item, user);
         } else {
             page.querySelector('#specialsCollapsible').classList.add('hide');
         }
@@ -1737,10 +1737,10 @@ define(['loading', 'appRouter', 'layoutManager', 'connectionManager', 'userSetti
         }
     }
 
-    function getVideosHtml(items, user, limit, moreButtonClass) {
+    function getVideosHtml(items) {
         var html = cardBuilder.getCardsHtml({
             items: items,
-            shape: 'auto',
+            shape: 'overflowSquare',
             showTitle: true,
             action: 'play',
             overlayText: false,
@@ -1748,17 +1748,13 @@ define(['loading', 'appRouter', 'layoutManager', 'connectionManager', 'userSetti
             showRuntime: true
         });
 
-        if (limit && items.length > limit) {
-            html += '<p style="margin: 0;padding-left:5px;"><button is="emby-button" type="button" class="raised more ' + moreButtonClass + '">' + globalize.translate('ButtonMore') + '</button></p>';
-        }
-
         return html;
     }
 
-    function renderSpecials(page, item, user, limit) {
+    function renderSpecials(page, item, user) {
         connectionManager.getApiClient(item.ServerId).getSpecialFeatures(user.Id, item.Id).then(function (specials) {
             var specialsContent = page.querySelector('#specialsContent');
-            specialsContent.innerHTML = getVideosHtml(specials, user, limit, 'moreSpecials');
+            specialsContent.innerHTML = getVideosHtml(specials);
             imageLoader.lazyChildren(specialsContent);
         });
     }
@@ -1982,24 +1978,6 @@ define(['loading', 'appRouter', 'layoutManager', 'connectionManager', 'userSetti
             renderAudioSelections(view, self._currentPlaybackMediaSources);
             renderSubtitleSelections(view, self._currentPlaybackMediaSources);
         });
-        view.addEventListener('click', function (e) {
-            if (dom.parentWithClass(e.target, 'moreScenes')) {
-                renderScenes(view, currentItem);
-            } else if (dom.parentWithClass(e.target, 'morePeople')) {
-                renderCast(view, currentItem);
-            } else if (dom.parentWithClass(e.target, 'moreSpecials')) {
-                apiClient.getCurrentUser().then(function (user) {
-                    renderSpecials(view, currentItem, user);
-                });
-            }
-        });
-        view.querySelector('.detailImageContainer').addEventListener('click', function (e) {
-            if (dom.parentWithClass(e.target, 'itemDetailGalleryLink')) {
-                editImages().then(function () {
-                    reload(self, view, params);
-                });
-            }
-        });
         view.addEventListener('viewshow', function (e) {
             var page = this;