diff --git a/dashboard-ui/css/librarybrowser.css b/dashboard-ui/css/librarybrowser.css
index 2ca61782fe..265126087c 100644
--- a/dashboard-ui/css/librarybrowser.css
+++ b/dashboard-ui/css/librarybrowser.css
@@ -1574,6 +1574,10 @@ span.itemCommunityRating:not(:empty) + .userDataIcons {
     }
 
 .detailsMenu h3 {
+    padding: .7em 30px;
+}
+
+.detailsMenuHeaderWithLogo h3 {
     padding: 0 30px;
 }
 
diff --git a/dashboard-ui/moviesrecommended.html b/dashboard-ui/moviesrecommended.html
index c313e6bafd..bea7941a78 100644
--- a/dashboard-ui/moviesrecommended.html
+++ b/dashboard-ui/moviesrecommended.html
@@ -4,7 +4,7 @@
     <title>Emby</title>
 </head>
 <body>
-    <div id="moviesRecommendedPage" data-role="page" class="page libraryPage backdropPage" data-backdroptype="movie">
+    <div id="moviesRecommendedPage" data-role="page" class="page libraryPage backdropPage" data-backdroptype="movie" data-require="scripts/moviesrecommended">
 
         <div class="libraryViewNav scopedLibraryViewNav">
             <a href="#" class="ui-btn-active">${TabSuggestions}</a>
diff --git a/dashboard-ui/scripts/librarylist.js b/dashboard-ui/scripts/librarylist.js
index 7ea79936e0..d5b65ca069 100644
--- a/dashboard-ui/scripts/librarylist.js
+++ b/dashboard-ui/scripts/librarylist.js
@@ -526,11 +526,13 @@
 
     function getItemsOverlay(ids, context) {
 
+        $('.detailsMenu').remove();
+
         var html = '<div data-role="popup" class="detailsMenu" data-transition="slidedown" style="border:0;padding:0;" data-ids="' + ids.join(',') + '" data-context="' + (context || '') + '">';
 
         html += '<div style="padding:1em 1em;background:rgba(20,20,20,1);margin:0;text-align:center;" class="detailsMenuHeader">';
         html += '<button type="button" class="imageButton detailsMenuLeftButton" data-role="none"><i class="fa fa-arrow-left"></i></button>';
-        html += '<h3 style="font-weight:400;margin:.5em 0;"></h3>';
+        html += '<h3 style="font-weight:400;margin:.5em 0;line-height:0;"></h3>';
         html += '<button type="button" class="imageButton detailsMenuRightButton" data-role="none"><i class="fa fa-arrow-right"></i></button>';
         html += '</div>';
 
diff --git a/dashboard-ui/scripts/moviesrecommended.js b/dashboard-ui/scripts/moviesrecommended.js
index 188687b844..123c800eaf 100644
--- a/dashboard-ui/scripts/moviesrecommended.js
+++ b/dashboard-ui/scripts/moviesrecommended.js
@@ -221,13 +221,13 @@
         });
     }
 
-    $(document).on('pageinit', "#moviesRecommendedPage", function () {
+    $(document).on('pageinitdepends', "#moviesRecommendedPage", function () {
 
         var page = this;
 
         $('.recommendations', page).createCardMenus();
 
-    }).on('pagebeforeshow', "#moviesRecommendedPage", function () {
+    }).on('pageshown', "#moviesRecommendedPage", function () {
 
         var parentId = LibraryMenu.getTopParentId();
 
diff --git a/dashboard-ui/scripts/site.js b/dashboard-ui/scripts/site.js
index 70a3141a9f..2e736b577b 100644
--- a/dashboard-ui/scripts/site.js
+++ b/dashboard-ui/scripts/site.js
@@ -1375,10 +1375,10 @@ var Dashboard = {
             // The native app can handle a little bit more than safari
             if (Dashboard.isRunningInCordova()) {
 
-                quality -= 30;
+                quality -= 20;
 
                 if (isBackdrop) {
-                    quality -= 10;
+                    quality -= 20;
                 }
 
             } else {
diff --git a/dashboard-ui/scripts/tvrecommended.js b/dashboard-ui/scripts/tvrecommended.js
index 8bbaf76ec5..bf221a6ebb 100644
--- a/dashboard-ui/scripts/tvrecommended.js
+++ b/dashboard-ui/scripts/tvrecommended.js
@@ -174,7 +174,7 @@
         });
     }
 
-    $(document).on('pagebeforeshow', "#tvRecommendedPage", function () {
+    $(document).on('pageshown', "#tvRecommendedPage", function () {
 
         var page = this;
 
diff --git a/dashboard-ui/tvrecommended.html b/dashboard-ui/tvrecommended.html
index 0cb44c19d6..b2cf794ab5 100644
--- a/dashboard-ui/tvrecommended.html
+++ b/dashboard-ui/tvrecommended.html
@@ -4,7 +4,7 @@
     <title>Emby</title>
 </head>
 <body>
-    <div id="tvRecommendedPage" data-role="page" class="page libraryPage backdropPage" data-backdroptype="series">
+    <div id="tvRecommendedPage" data-role="page" class="page libraryPage backdropPage" data-backdroptype="series" data-require="scripts/tvrecommended">
 
         <div class="libraryViewNav globalNav" style="display: none;">
             <a href="index.html">${TabHome}</a>
