diff --git a/dashboard-ui/css/posteritem.css b/dashboard-ui/css/posteritem.css
index 1ea96a043b..93646f2ad5 100644
--- a/dashboard-ui/css/posteritem.css
+++ b/dashboard-ui/css/posteritem.css
@@ -21,7 +21,7 @@
     background-size: contain;
     background-repeat: no-repeat;
     background-position:  center bottom;
-    background-color: #333;
+    background-color: #000;
 }
 
 .transparentPosterItem .posterItemImage {
diff --git a/dashboard-ui/itembynamedetails.html b/dashboard-ui/itembynamedetails.html
index 874d54f020..e3f90be280 100644
--- a/dashboard-ui/itembynamedetails.html
+++ b/dashboard-ui/itembynamedetails.html
@@ -91,6 +91,24 @@
                     <a href="musicgenres.html" data-role="button">Genres</a>
                 </div>
             </div>
+            <div id="gameGenreTabs" class="itemTabs" style="display: none;">
+                <div data-role="controlgroup" data-type="horizontal" class="libraryViewNav" data-mini="true">
+                    <a href="gamesrecommended.html" data-role="button">Suggested</a>
+                    <a href="games.html" data-role="button">Games</a>
+                    <a href="gamesystems.html" data-role="button">Game Systems</a>
+                    <a href="gamegenres.html" data-role="button" class="ui-btn-active">Genres</a>
+                    <a href="gamestudios.html" data-role="button">Studios</a>
+                </div>
+            </div>
+            <div id="gameStudioTabs" class="itemTabs" style="display: none;">
+                <div data-role="controlgroup" data-type="horizontal" class="libraryViewNav" data-mini="true">
+                    <a href="gamesrecommended.html" data-role="button">Suggested</a>
+                    <a href="games.html" data-role="button">Games</a>
+                    <a href="gamesystems.html" data-role="button">Game Systems</a>
+                    <a href="gamegenres.html" data-role="button">Genres</a>
+                    <a href="gamestudios.html" data-role="button" class="ui-btn-active">Studios</a>
+                </div>
+            </div>
             <div class="detailPageContent">
                 <div class="detailPagePrimaryInfo">
                     <div class="itemImageBlock">
diff --git a/dashboard-ui/scripts/itembynamedetailpage.js b/dashboard-ui/scripts/itembynamedetailpage.js
index 837c8c6f23..b4d6cd6020 100644
--- a/dashboard-ui/scripts/itembynamedetailpage.js
+++ b/dashboard-ui/scripts/itembynamedetailpage.js
@@ -126,6 +126,12 @@
         if (context == "music" && item.Type == "Artist") {
             $('#artistTabs', page).show();
         }
+        if (context == "games" && item.Type == "Genre") {
+            $('#gameGenreTabs', page).show();
+        }
+        if (context == "games" && item.Type == "Studio") {
+            $('#gameStudioTabs', page).show();
+        }
     }
 
     function renderTabs(page, item) {
diff --git a/dashboard-ui/scripts/librarybrowser.js b/dashboard-ui/scripts/librarybrowser.js
index 8a50cb4d1c..443246d325 100644
--- a/dashboard-ui/scripts/librarybrowser.js
+++ b/dashboard-ui/scripts/librarybrowser.js
@@ -317,6 +317,9 @@
             if (item.Type == "Artist") {
                 return "itembynamedetails.html?artist=" + encodeName(item.Name) + "&context=" + (itemByNameContext || "music");
             }
+            if (item.Type == "GamePlatform") {
+                return "gamesystem.html?id=" + id;
+            }
 
             return item.IsFolder ? (id ? "itemList.html?parentId=" + id : "#") : "itemdetails.html?id=" + id;