diff --git a/webapp/src/App.css b/webapp/src/App.css
index 6e0114b..50b63a3 100644
--- a/webapp/src/App.css
+++ b/webapp/src/App.css
@@ -2,10 +2,6 @@
   text-align: center;
 }
 
-.Container {
-  text-align: center;
-}
-
 .App-header {
   background-color: #282c34;
   min-height: 100vh;
@@ -20,4 +16,3 @@
 .App-link {
   color: #61dafb;
 }
-
diff --git a/webapp/src/Leaderboard.css b/webapp/src/Leaderboard.css
new file mode 100644
index 0000000..6fc8ea6
--- /dev/null
+++ b/webapp/src/Leaderboard.css
@@ -0,0 +1,6 @@
+.Leaderboard {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin-top: 25px
+  }
diff --git a/webapp/src/Leaderboard.js b/webapp/src/Leaderboard.js
index 2a38c49..9e6aea6 100644
--- a/webapp/src/Leaderboard.js
+++ b/webapp/src/Leaderboard.js
@@ -1,4 +1,5 @@
 import React, { useState, useEffect } from 'react';
+import './Leaderboard.css';
 //const Leaderboard = ({hashmap}) => {
 
 // var listItems = Object.keys(hashmap).map(playerName => {
@@ -43,19 +44,21 @@ const Leaderboard = () => {
   });
 
   return (
-    <table>
-      <thead>
-        <tr>
-          <th>Name</th>
-          <th>Played</th>
-          <th>Won</th>
-          <th>Draw</th>
-        </tr>
-      </thead>
-      <tbody>
-        { tableRows }
-      </tbody>
-    </table>
+    <div className="Leaderboard">
+      <table>
+        <thead>
+          <tr>
+            <th>Name</th>
+            <th>Played</th>
+            <th>Won</th>
+            <th>Draw</th>
+          </tr>
+        </thead>
+        <tbody>
+          { tableRows }
+        </tbody>
+      </table>
+    </div>
   );
 };