diff --git a/src/controllers/itemDetails/index.html b/src/controllers/itemDetails/index.html
index 5364f01946..5467469827 100644
--- a/src/controllers/itemDetails/index.html
+++ b/src/controllers/itemDetails/index.html
@@ -3,7 +3,7 @@
     </div>
 
     <div class="detailLogo"></div>
-    <div class="detailPageWrapperContainer">
+    <div class="detailPageWrapperContainer padded-bottom-page">
         <div class="detailPagePrimaryContainer padded-left padded-right">
             <div class="primaryImageWrapper hide">
                 <img id="primaryImage" />
diff --git a/src/controllers/list.html b/src/controllers/list.html
index 464cd15530..72dd983d6e 100644
--- a/src/controllers/list.html
+++ b/src/controllers/list.html
@@ -1,7 +1,7 @@
 <div data-role="page" class="view flex flex-direction-column page libraryPage noSecondaryNavPage" data-backbutton="true">
     <div class="alphaPicker alphaPicker-vertical alphaPicker-fixed focuscontainer-y hide">
     </div>
-    <div class="flex-grow padded-left padded-right pageContainerTopPadding">
+    <div class="flex-grow padded-left padded-right padded-bottom-page pageContainerTopPadding">
         <div class="flex align-items-center focuscontainer-x itemsViewSettingsContainer padded-top padded-bottom flex-wrap-wrap">
             <button is="emby-button" class="btnPlay button-flat hide listTextButton-autohide">
                 <span>${HeaderPlayAll}</span>
@@ -48,7 +48,7 @@
                 <span class="material-icons more_vert"></span>
             </button>
         </div>
-        <div is="emby-itemscontainer" class="vertical-wrap itemsContainer centered" style="padding: 0 0 10vh 0;">
+        <div is="emby-itemscontainer" class="vertical-wrap itemsContainer centered">
         </div>
     </div>
 </div>