diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 8ab34b7..3158270 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -29,7 +29,7 @@ export default function Index(): JSX.Element {
     if (isIdResponseMessage(message)) {
       setAuthorId(message.authorId);
     } else if (isTextMessage(message)) {
-      setMessageHistory([message, ...messageHistory]);
+      setMessageHistory([...messageHistory, message]);
     }
   }
 
diff --git a/src/styles.scss b/src/styles.scss
index bc1d5d7..6070eba 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -46,7 +46,7 @@ main {
 
   #messages-container {
     display: flex;
-    flex-direction: column-reverse;
+    flex-direction: column;
     overflow-y: scroll;
     > :nth-child(even) {
       background-color: lightgray;