diff --git a/src/views/Lobby.vue b/src/views/Lobby.vue
index 0556577..8494dfe 100644
--- a/src/views/Lobby.vue
+++ b/src/views/Lobby.vue
@@ -80,11 +80,31 @@ export default {
 }
 </script>
 
-<style lang="stylus" scoped>
-@import "../theme.styl"
+<style scoped>
+@import "../css/colours.css";
 
 #game_lobby {
-	text-align: center
-	width: 90vw
+	text-align: center;
+	width: 90vw;
+}
+
+.player {
+	background-color: var(--card-background-colour);
+	justify-content: space-between;
+	color: var(--card-text-colour);
+	margin: 5px auto;
+	display: flex;
+	width: 30vw;
+}
+
+.name {
+	align-items: center;
+	display: flex;
+	flex-grow: 2;
+	margin: 5px;
+}
+
+.kick {
+	margin: 5px;
 }
 </style>
\ No newline at end of file