diff --git a/components/MessageArea.vue b/components/MessageArea.vue
index 732f1ce..000230e 100644
--- a/components/MessageArea.vue
+++ b/components/MessageArea.vue
@@ -1,7 +1,7 @@
 <template>
   <div id="message-area">
 	<div id="messages">
-		<Message v-for="message of messages" :username="displayName" :text="message.message"
+		<Message v-for="message of messages" :username="message.user_uuid" :text="message.message"
 			:timestamp="uuidToTimestamp(message.uuid)" format="12" />
 	</div>
 	<div id="message-box">
diff --git a/pages/servers/[serverId]/channels/[channelId].vue b/pages/servers/[serverId]/channels/[channelId].vue
index 2954af9..efa2858 100644
--- a/pages/servers/[serverId]/channels/[channelId].vue
+++ b/pages/servers/[serverId]/channels/[channelId].vue
@@ -66,7 +66,12 @@ const members = [
 	},
 	{
 		id: "3287484395",
-		displayName: "SauceyRed",
+		displayName: "JustTemmie",
+		avatar: ""
+	},
+	{
+		id: "3287484395",
+		displayName: "GOIN!!!!!!",
 		avatar: ""
 	},
 	{
@@ -76,22 +81,17 @@ const members = [
 	},
 	{
 		id: "3287484395",
-		displayName: "SauceyRed",
+		displayName: "Hatsune Miku Official",
 		avatar: ""
 	},
 	{
 		id: "3287484395",
-		displayName: "SauceyRed",
+		displayName: "Hatsune Miku Official",
 		avatar: ""
 	},
 	{
 		id: "3287484395",
-		displayName: "SauceyRed",
-		avatar: ""
-	},
-	{
-		id: "3287484395",
-		displayName: "SauceyRed",
+		displayName: "Hatsune Miku Official",
 		avatar: ""
 	},
 	{
@@ -123,8 +123,6 @@ function toggleInvitePopup(e: Event) {
 	margin-bottom: .5em;
 }
 
-
-
 #members-list {
 	padding-top: 3dvh;
 }