diff --git a/js/gamelist.js b/js/gamelist.js
index 7753442..beb3414 100644
--- a/js/gamelist.js
+++ b/js/gamelist.js
@@ -35,6 +35,9 @@ jQuery(document).ready(function($){
             }
             return -1;
           });
+          games.forEach(function(game, index) {
+            game.querySelector(".nGameNum").innerHTML = (index + 1);
+          });
           list.empty();
           list.append(games);
         });
diff --git a/sass/theme/_child_theme.scss b/sass/theme/_child_theme.scss
index 2df4960..f6ab83c 100644
--- a/sass/theme/_child_theme.scss
+++ b/sass/theme/_child_theme.scss
@@ -153,9 +153,16 @@ aside.widget {
   .nGameHeader {
     .nRating {
       float: right;
+      font-weight: bold;
+    }
+    .nRating, .nGameNum {
       font-size: $font-size-base * 1.2;
       margin-top: $font-size-base * 0.25;
-      font-weight: bold;
+    }
+    .nGameNum {
+      float: left;
+      margin-right: $font-size-base;
+      color: grey;
     }
     .nGameName {
       font-size: $h3-font-size;
diff --git a/shortcodes/gamelist.php b/shortcodes/gamelist.php
index 83d37d4..7be7fc4 100644
--- a/shortcodes/gamelist.php
+++ b/shortcodes/gamelist.php
@@ -102,6 +102,7 @@ function gamelist($atts){
       if (isset($rating) && !empty($rating) && $rating !== '0+' && $rating !== '6+') {
         $retval .= '<div class="nRating">'.$rating.'</div>';
       }
+      $retval .= '<span class="nGameNum"></span>';
       $retval .= '<div class="nGameName">'.
         '<a target="_blank" href="'.$url.'">'.$title.'</a></div>';
       $retval .= '<div class="nMeta">';