diff --git a/src/main/resources/static/css/game.css b/src/main/resources/static/css/game.css
index 61eb9ec..2dee7bf 100644
--- a/src/main/resources/static/css/game.css
+++ b/src/main/resources/static/css/game.css
@@ -201,7 +201,17 @@ body {
 	grid-row-end: 11; 
 }
 .players {
-	margin-right: 80px;
+	margin-right: 40px;
+}
+.player-stats {
+    font-size: 12px;
+    list-style-type: none;
+}
+.player-stats > li {
+    text-align: end;
+}
+.player-stats-title {
+    font-size: 14px;
 }
 .player {
 	margin-top: 10px;
@@ -214,6 +224,9 @@ body {
 	padding: 4px;
 	cursor: pointer;
 }
+.nickname {
+    font-size: 14px;
+}
 .player-turn {
 	width: 193px;
 	height: 150px;
diff --git a/src/main/resources/templates/game.html b/src/main/resources/templates/game.html
index 8323328..0f7fe3e 100644
--- a/src/main/resources/templates/game.html
+++ b/src/main/resources/templates/game.html
@@ -5,7 +5,7 @@
 		<link rel="stylesheet" href="/static/css/game.css">
 		<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
 		<script src="https://cdn.jsdelivr.net/npm/sockjs-client@1/dist/sockjs.min.js"></script>
-		<script type="module" src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.esm.js"></script>
+		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
 		<title th:text="${title} ? ${title} : 'Nosedive'"></title>
 		<link rel="shortcut icon" type="image/x-icon" href="/static/images/favicon.ico">
 		<link href="https://fonts.googleapis.com/css?family=Montserrat:400,500,800" rel="stylesheet">
@@ -31,7 +31,15 @@
 			<div class="game">
 				<div class="players">
 					<!--<div class="player" th:data-pid="${p.id}" onClick="drop(this)">
-						<p class="timeout"></p>
+						<div class="player-info">
+							<div></div> player avatar
+							<div class="player-stats">
+								<li class="player-stats-title">10,000</li>
+								<li>40,159</li>
+								<li>50%</li>
+								<li>1,000</li>
+							</div>
+						</div>
 						<p class="nickname" th:text="${p.name}"></p>
 						<p class="money" th:text="${p.money}"></p>
 						<div class="dropbox" style="display: none"></div> margin-top: -35px;
@@ -242,6 +250,8 @@
 		</div>
 	</body>
 	<footer>
+		<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
+		<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.4.1/chart.min.js" integrity="sha512-L0Shl7nXXzIlBSUUPpxrokqq4ojqgZFQczTYlGjzONGTDAcLremjwaWv5A+EDLnxhQzY5xUZPWLOLqYRkY0Cbw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
 		<script type="text/javascript" src="/static/javascript/game.js"></script>
 		<script type="text/javascript" src="/static/javascript/scale.js"></script>
 	</footer>