diff --git a/examples/leaderboard/leaderboard.css b/examples/leaderboard/leaderboard.css
index 5008a6fd10..f02612fe40 100644
--- a/examples/leaderboard/leaderboard.css
+++ b/examples/leaderboard/leaderboard.css
@@ -10,8 +10,8 @@ body {
     user-select: none;
 }
 
-#outer {
-    width: 600px;
+.outer {
+    width: 400px;
     margin: 0 auto;
 }
 
@@ -22,13 +22,13 @@ body {
 
 .player .name {
     display: inline-block;
-    width: 300px;
+    width: 290px;
     font-size: 1.75em;
 }
 
 .player .score {
     display: inline-block;
-    width: 100px;
+    width: 90px;
     text-align: right;
     font-size: 2em;
     font-weight: bold;
@@ -49,8 +49,8 @@ body {
     border-style: dashed none none none;
     border-color: #ccc;
     border-width: 4px;
-    margin: 50px 10px;
-    padding: 10px 0px;
+    margin: 50px 0;
+    padding: 10px 0;
 }
 
 .none {
@@ -58,5 +58,6 @@ body {
 }
 
 .inc {
-  cursor: pointer;
+    margin: 5px 0;
+    font-size: 0.6em;
 }
diff --git a/examples/leaderboard/leaderboard.html b/examples/leaderboard/leaderboard.html
index 48311b341f..43eae569e7 100644
--- a/examples/leaderboard/leaderboard.html
+++ b/examples/leaderboard/leaderboard.html
@@ -1,9 +1,10 @@
 <head>
   <title>Leaderboard</title>
+  <meta name="viewport" content="width=device-width, user-scalable=no">
 </head>
 
 <body>
-  <div id="outer">
+  <div class="outer">
     {{> leaderboard}}
   </div>
 </body>
@@ -18,7 +19,7 @@
   {{#if selected_name}}
   <div class="details">
     <div class="name">{{selected_name}}</div>
-    <input type="button" class="inc" value="Give 5 points" />
+    <button class="inc">Give 5 points</button>
   </div>
   {{else}}
   <div class="none">Click a player to select</div>
