diff --git a/public/css/style.scss b/public/css/style.scss
index 8c7a13361..8430cfade 100644
--- a/public/css/style.scss
+++ b/public/css/style.scss
@@ -238,6 +238,10 @@ a:hover {
         border-spacing: 0;
         border-collapse: collapse;
 
+        tr td:first-child {
+          text-align: center;
+        }
+
         td {
           padding: .25rem .5rem;
 
diff --git a/public/js/leaderboards.js b/public/js/leaderboards.js
index f1eafc0ec..5635cb42f 100644
--- a/public/js/leaderboards.js
+++ b/public/js/leaderboards.js
@@ -126,7 +126,9 @@ function updateLeaderboards() {
           if (entry.currentUser) meClassString = ' class="me"';
           $("#leaderboardsWrapper table.daily tbody").append(`
           <tr>
-          <td>${index + 1}</td>
+          <td>${
+            index === 0 ? '<i class="fas fa-fw fa-crown"></i>' : index + 1
+          }</td>
           <td ${meClassString}>${entry.name}</td>
           <td>${entry.wpm}</td>
           <td>${entry.raw}</td>
@@ -163,7 +165,9 @@ function updateLeaderboards() {
           if (entry.currentUser) meClassString = ' class="me"';
           $("#leaderboardsWrapper table.global tbody").append(`
           <tr>
-          <td>${index + 1}</td>
+          <td>${
+            index === 0 ? '<i class="fas fa-fw fa-crown"></i>' : index + 1
+          }</td>
           <td ${meClassString}>${entry.name}</td>
           <td>${entry.wpm}</td>
           <td>${entry.raw}</td>