diff --git a/client/components/Chat.vue b/client/components/Chat.vue
index 24cdfe38..1761d4bc 100644
--- a/client/components/Chat.vue
+++ b/client/components/Chat.vue
@@ -95,13 +95,13 @@
 					>
 						<div class="scroll-down-arrow" />
 					</div>
+					<ChatUserList v-if="channel.type === 'channel'" :channel="channel" />
 					<MessageList
 						ref="messageList"
 						:network="network"
 						:channel="channel"
 						:focused="focused"
 					/>
-					<ChatUserList v-if="channel.type === 'channel'" :channel="channel" />
 				</div>
 			</div>
 		</div>
diff --git a/client/css/style.css b/client/css/style.css
index 080ad044..755282c9 100644
--- a/client/css/style.css
+++ b/client/css/style.css
@@ -1147,6 +1147,7 @@ textarea.input {
 
 #chat .chat-content {
 	display: flex;
+	flex-direction: row-reverse;
 	flex-grow: 1;
 	overflow: hidden;
 	position: relative;