diff --git a/static/css/style.css b/static/css/style.css
index 400ba56..cf86292 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -177,4 +177,8 @@ main {
 }
 .not-current-game {
   border: 1px solid black;
-}
\ No newline at end of file
+}
+.game-title {
+    color: #000;
+    font-weight: bold;
+}
diff --git a/static/js/index.js b/static/js/index.js
index 253e5ab..4eae8b5 100644
--- a/static/js/index.js
+++ b/static/js/index.js
@@ -235,7 +235,7 @@ function showApps() {
         appList.forEach(function (app) {
             api.getBoxArt(app.id).then(function (resolvedPromise) {
                 var imageBlob =  new Blob([resolvedPromise], {type: "image/png"});
-                $("#game-grid").append($("<div>", {html:$("<img \>", {src: URL.createObjectURL(imageBlob), id: 'game-'+app.id, name: app.title }), class: 'box-art mdl-cell mdl-cell--3-col'}));
+                $("#game-grid").append($("<div>", {html:$("<img \>", {src: URL.createObjectURL(imageBlob), id: 'game-'+app.id, name: app.title }), class: 'box-art mdl-cell mdl-cell--3-col'}).append($("<span>", {html: app.title, class:"game-title"})));
                 $('#game-'+app.id).on('click', startGame);
 
                 if (api.currentGame === app.id){ // stylize the currently running game