diff --git a/dashboard-ui/games.html b/dashboard-ui/games.html
index b95c69ab3..9986985f7 100644
--- a/dashboard-ui/games.html
+++ b/dashboard-ui/games.html
@@ -17,6 +17,12 @@
             </div>
             <div class="viewSettings">
                 <div class="viewControls">
+	                <div style="display: inline-block;">
+		                <select data-mini="true" data-inline="true" id="selectView" name="selectView">
+			                <option value="Backdrop">Backdrop</option>
+			                <option value="Poster">Poster</option>
+		                </select>
+	                </div>
                     <button data-mini="true" data-icon="sort" data-inline="true" onclick="$('#sortPanel', $.mobile.activePage).panel( 'toggle' );">Sort</button>
                     <button data-mini="true" data-icon="filter" data-inline="true" onclick="$('#filterPanel', $.mobile.activePage).panel( 'toggle' );">Filter</button>
                 </div>
diff --git a/dashboard-ui/scripts/gamespage.js b/dashboard-ui/scripts/gamespage.js
index b82d989f9..3c8109290 100644
--- a/dashboard-ui/scripts/gamespage.js
+++ b/dashboard-ui/scripts/gamespage.js
@@ -25,9 +25,22 @@
 
 			$('.listTopPaging', page).html(LibraryBrowser.getPagingHtml(query, result.TotalRecordCount, true)).trigger('create');
 
-			html += LibraryBrowser.getGameTableHtml(result.Items, {
-				showGameSystem: true
-			});
+			if (view == "Backdrop") {
+				html += LibraryBrowser.getPosterDetailViewHtml({
+					items: result.Items,
+					preferBackdrop: true,
+					context: "games",
+					shape: "backdrop"
+				});
+			}
+			else if (view == "Poster") {
+				html += LibraryBrowser.getPosterDetailViewHtml({
+					items: result.Items,
+					useAverageAspectRatio: true,
+					context: "games",
+					shape: "poster"
+				});
+			}
 
 			html += LibraryBrowser.getPagingHtml(query, result.TotalRecordCount);
 
diff --git a/dashboard-ui/scripts/librarybrowser.js b/dashboard-ui/scripts/librarybrowser.js
index 1df48b5ab..68d81e239 100644
--- a/dashboard-ui/scripts/librarybrowser.js
+++ b/dashboard-ui/scripts/librarybrowser.js
@@ -181,6 +181,10 @@
 
                     html += '<p class="itemMiscInfo">' + childText + '</p>';
                 }
+                else if (item.Type == "Game") {
+
+	                html += '<p class="itemMiscInfo">' + item.GameSystem + '</p>';
+                }
                 else {
                     html += '<p class="itemMiscInfo">' + LibraryBrowser.getMiscInfoHtml(item) + '</p>';
                 }
@@ -1461,57 +1465,7 @@
             html += '</div></a>';
 
             return html;
-        },
-
-	    getGameTableHtml: function (items, options) {
-
-		    options = options || {};
-
-		    var html = '';
-
-		    var cssClass = "detailTable";
-
-		    html += '<div class="detailTableContainer"><table class="' + cssClass + '">';
-
-		    html += '<tr>';
-
-		    html += '<th class="tabletColumn">Game</th>';
-
-		    if (options.showGameSystem) {
-			    html += '<th>Game System</th>';
-		    }
-
-		    //html += '<th class="tabletColumn">Release Year</th>';
-		    html += '<th class="tabletColumn">Play Count</th>';
-		    html += '<th class="tabletColumn userDataCell"></th>';
-
-		    html += '</tr>';
-
-		    for (var i = 0, length = items.length; i < length; i++) {
-
-			    var item = items[i];
-
-			    html += '<tr>';
-
-			    html += '<td><a href="' + LibraryBrowser.getHref(item, "game") + '">' + (item.Name || "") + '</a></td>';
-
-			    if (options.showGameSystem) {
-				    html += '<td class="tabletColumn">' + item.DisplayMediaType + '</td>';
-			    }
-
-			    //html += '<td class="tabletColumn">' + item.ReleaseYear + '</td>';
-
-			    html += '<td class="tabletColumn">' + (item.UserData ? item.UserData.PlayCount : 0) + '</td>';
-
-			    html += '<td class="tabletColumn userDataCell">' + LibraryBrowser.getUserDataIconsHtml(item) + '</td>';
-
-			    html += '</tr>';
-		    }
-
-		    html += '</table></div>';
-
-		    return html;
-	    }
+        }
 
     };