diff --git a/dashboard-ui/css/site.css b/dashboard-ui/css/site.css
index 2e1c73d462..854d383dad 100644
--- a/dashboard-ui/css/site.css
+++ b/dashboard-ui/css/site.css
@@ -852,7 +852,7 @@ input[type="range"]::-ms-fill-upper {
 
 
 @media all and (max-width: 600px) {
-    .volumeButton, .volumeSlider, .fullscreenButton, .nowPlayingText {
+    .volumeButton, .volumeSlider, .nowPlayingText {
         display: none!important;
     }
 
@@ -865,12 +865,6 @@ input[type="range"]::-ms-fill-upper {
     }
 }
 
-@media all and (max-width: 500px) {
-    .itemVideo:not(.fullscreenVideo) {
-        width: 220px;
-    }
-}
-
 @media all and (max-width: 750px) {
     .positionSlider {
         width: 50px;
diff --git a/dashboard-ui/scripts/librarybrowser.js b/dashboard-ui/scripts/librarybrowser.js
index 48ac602f75..3185893e52 100644
--- a/dashboard-ui/scripts/librarybrowser.js
+++ b/dashboard-ui/scripts/librarybrowser.js
@@ -1289,7 +1289,17 @@
 
             var href = "itemgallery.html?" + identifierName + "=" + identifierValue;
 
-            html += "<a href='" + href + "'><img class='itemDetailImage' src='" + url + "' /></a>";
+            var linkToGallery = LibraryBrowser.shouldDisplayGallery(item);
+
+            if (linkToGallery) {
+                html += "<a href='" + href + "'>";
+            }
+            
+            html += "<img class='itemDetailImage' src='" + url + "' />";
+
+            if (linkToGallery) {
+                html += "</a>";
+            }
 
             return html;
         },