diff --git a/WebHostLib/static/assets/hostGame.js b/WebHostLib/static/assets/hostGame.js
index e5756d34..db1ab1dd 100644
--- a/WebHostLib/static/assets/hostGame.js
+++ b/WebHostLib/static/assets/hostGame.js
@@ -7,12 +7,5 @@ window.addEventListener('load', () => {
         document.getElementById('host-game-form').submit();
     });
 
-    $("#host-game-table").DataTable({
-        "paging": false,
-        "ordering": true,
-        "order": [[ 3, "desc" ]],
-        "info": false,
-        "dom": "t",
-    });
     adjustFooterHeight();
 });
diff --git a/WebHostLib/static/assets/userContent.js b/WebHostLib/static/assets/userContent.js
new file mode 100644
index 00000000..dcc8f565
--- /dev/null
+++ b/WebHostLib/static/assets/userContent.js
@@ -0,0 +1,17 @@
+window.addEventListener('load', () => {
+  console.log("loaded");
+  $("#rooms-table").DataTable({
+        "paging": false,
+        "ordering": true,
+        "order": [[ 3, "desc" ]],
+        "info": false,
+        "dom": "t",
+    });
+  $("#seeds-table").DataTable({
+        "paging": false,
+        "ordering": true,
+        "order": [[ 2, "desc" ]],
+        "info": false,
+        "dom": "t",
+    });
+});
diff --git a/WebHostLib/static/styles/hostGame.css b/WebHostLib/static/styles/hostGame.css
index 82946367..751dc7c8 100644
--- a/WebHostLib/static/styles/hostGame.css
+++ b/WebHostLib/static/styles/hostGame.css
@@ -28,25 +28,3 @@
 #host-game button{
     margin-top: 5px;
 }
-
-#host-game-table{
-    margin-right: auto;
-    text-align: left;
-}
-
-#host-game-table th{
-    padding: 0 20px 0 0;
-}
-
-#host-game-table td{
-    padding: 6px 20px 0 0;
-}
-
-#host-game-table td.center{
-    text-align: center;
-}
-
-#host-game-table.dataTable{
-    width: unset;
-
-}
diff --git a/WebHostLib/static/styles/userContent.css b/WebHostLib/static/styles/userContent.css
index 40fdc7da..84774726 100644
--- a/WebHostLib/static/styles/userContent.css
+++ b/WebHostLib/static/styles/userContent.css
@@ -31,3 +31,24 @@
 #user-content .center{
     text-align: center;
 }
+
+#user-content-table{
+    margin-right: auto;
+    text-align: left;
+}
+
+#user-content .table td.center{
+    text-align: center;
+}
+
+#user-content table.dataTable{
+    width: unset;
+}
+
+table.dataTable thead th{
+    padding: 0 20px 0 0;
+}
+
+table.dataTable tbody td{
+    padding: 6px 20px 0 0;
+}
diff --git a/WebHostLib/templates/hostGame.html b/WebHostLib/templates/hostGame.html
index 9e4eff80..a8d6e5b1 100644
--- a/WebHostLib/templates/hostGame.html
+++ b/WebHostLib/templates/hostGame.html
@@ -1,4 +1,4 @@
-{% extends 'tablepage.html' %}
+{% extends 'pageWrapper.html' %}
 
 {% block head %}
     {{ super() }}
diff --git a/WebHostLib/templates/userContent.html b/WebHostLib/templates/userContent.html
index 811300c9..59c81f83 100644
--- a/WebHostLib/templates/userContent.html
+++ b/WebHostLib/templates/userContent.html
@@ -1,9 +1,10 @@
-{% extends 'pageWrapper.html' %}
+{% extends 'tablepage.html' %}
 
 {% block head %}
     {{ super() }}
     <title>Generate Game</title>
     <link rel="stylesheet" type="text/css" href="{{ static_autoversion("styles/userContent.css") }}" />
+    <script type="application/ecmascript" src="{{ static_autoversion("assets/userContent.js") }}"></script>
 {% endblock %}
 
 {% block body %}
@@ -15,7 +16,7 @@
 
             <h2>Your Rooms</h2>
             {% if rooms %}
-                <table>
+                <table id="rooms-table" class="table">
                     <thead>
                         <tr>
                             <th>Seed</th>
@@ -46,7 +47,7 @@
 
             <h2>Your Seeds</h2>
             {% if seeds %}
-                <table>
+                <table id="seeds-table" class="table">
                     <thead>
                         <tr>
                             <th>Seed</th>