diff --git a/assets/style.css b/assets/style.css
index 807e7b0..613e333 100644
--- a/assets/style.css
+++ b/assets/style.css
@@ -1,7 +1,7 @@
 body{
     background-color: #0C1616FF;
     color: #8896b2;
-    max-width: 800px;
+    max-width: 1000px;
     min-width: 0px;
     margin: 2em auto !important;
     margin-left: auto;
@@ -12,12 +12,6 @@ body{
     text-align: center;
     display: block;
 }
-a{
-    color: #00a2e7;
-}
-a:visited{
-    color: #ca1a70;
-}
 table{
   border-collapse: separate !important;
   border-spacing: 10px 10px;
diff --git a/assets/style.css.gz b/assets/style.css.gz
index 8db2f85..e4b3e9f 100644
Binary files a/assets/style.css.gz and b/assets/style.css.gz differ
diff --git a/components/base.html b/components/base.html
index 433ae11..142b222 100644
--- a/components/base.html
+++ b/components/base.html
@@ -10,36 +10,6 @@
 	<script src="/assets/helpers.js"></script>
 	<meta charset="utf-8" name="viewport" content="width=device-width,initial-scale=1"/>
 	<link rel="icon" sizes="64x64" href="/assets/favicon/wolfhead_negated.ico"/>
-	<style type="text/css">
-		body{
-            background-color: #0C1616FF;
-            color: #8896b2;
-            max-width: 1000px;
-            min-width: 0;
-            margin: 2em auto !important;
-            margin-left: auto;
-            margin-right: auto;
-            line-height: 1.5;
-            font-size: 16px;
-            font-family: Open Sans,Arial;
-            text-align: center;
-            display: block;
-        }
-        a{
-            color: #00a2e7;
-        }
-        a:visited{
-            color: #ca1a70;
-        }
-        table {
-          border-collapse: separate !important;
-          border-spacing: 10px 10px;
-          border: 1px solid white;
-        }
-        tr{
-            border: 1px solid white;
-        }
-	</style>
 </head>
 <body>
 <div id="ancestor" hx-ext="sse" sse-connect="/sub/sse">
diff --git a/components/index.html b/components/index.html
index 80698b5..4160413 100644
--- a/components/index.html
+++ b/components/index.html
@@ -5,11 +5,13 @@
 		{{template "linklogin" .LinkLogin}}
 	{{ else if not .State.RoomID }}
 		<div id="hello-user" class="grid grid-cols-3 items-center text-xl py-2">
+			<div class="text-left">
+			<a href="/stats" class="bg-indigo-600 text-white font-semibold text-sm px-4 py-2 rounded hover:bg-indigo-500 visited:text-white">
+				stats
+			</a>
+			</div>
 			<p class="text-center">Hello {{.State.Username}}</p>
 			<div class="text-right">
-				<a href="/stats" class="bg-transparent hover:bg-green-500 text-green-700 font-semibold hover:text-white py-2 px-4 border border-green-500 hover:border-transparent rounded">
-					Stats
-				</a>
 				<a href="/signout"><button class="bg-indigo-600 text-white font-semibold text-sm px-4 py-2 rounded hover:bg-indigo-500">signout</button></a>
 			</div>
 		</div>
diff --git a/components/stats.html b/components/stats.html
index 6e8f018..50df931 100644
--- a/components/stats.html
+++ b/components/stats.html
@@ -10,44 +10,14 @@
 	<script src="/assets/helpers.js"></script>
 	<meta charset="utf-8" name="viewport" content="width=device-width,initial-scale=1"/>
 	<link rel="icon" sizes="64x64" href="/assets/favicon/wolfhead_negated.ico"/>
-	<style type="text/css">
-		body{
-            background-color: #0C1616FF;
-            color: #8896b2;
-            max-width: 1000px;
-            min-width: 0;
-            margin: 2em auto !important;
-            margin-left: auto;
-            margin-right: auto;
-            line-height: 1.5;
-            font-size: 16px;
-            font-family: Open Sans,Arial;
-            text-align: center;
-            display: block;
-        }
-        a{
-            color: #00a2e7;
-        }
-        a:visited{
-            color: #ca1a70;
-        }
-        table {
-          border-collapse: separate !important;
-          border-spacing: 10px 10px;
-          border: 1px solid white;
-        }
-        tr{
-            border: 1px solid white;
-        }
-	</style>
 </head>
 <body>
 <div id="ancestor">
 <div class="container mx-auto p-4">
     <h1 class="text-2xl font-bold mb-4">Player Leaderboard</h1>
     <div class="mb-4">
-        <a href="/" class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded">
-            Home
+        <a href="/" class="bg-indigo-600 text-white font-semibold text-sm px-4 py-2 rounded hover:bg-indigo-500 visited:text-white">
+            back home
         </a>
     </div>
     <div class="overflow-x-auto">
