diff --git a/src/pages/chat/chat.scss b/src/pages/chat/chat.scss
index 1c05977..db8aa3c 100644
--- a/src/pages/chat/chat.scss
+++ b/src/pages/chat/chat.scss
@@ -10,9 +10,9 @@ page-chat {
   .list {
 
     .message-bubble {
-      background-color: #6fbedf;
+      background-color: #fdb315;
       border-radius: 0.5rem;
-      margin: 1rem auto 2.5rem 1rem;
+      margin: 1rem 1rem 2.5rem auto;
       max-width: 75%;
       overflow: visible;
       padding: 0.75rem;
@@ -22,11 +22,11 @@ page-chat {
         border: 0.625em solid transparent;
         border-bottom: 0;
         border-left: 0;
-        border-top-color: #6fbedf;
+        border-top-color: #fdb315;
         bottom: 0;
         content: '';
         height: 0;
-        left: 2rem;
+        right: 2rem;
         margin-bottom: -0.625em;
         margin-left: -0.312em;
         position: absolute;
@@ -34,18 +34,18 @@ page-chat {
       }
 
       &.is-user {
-        background-color: #fdb315;
-        margin: 1rem 1rem 2.5rem auto;
+        background-color: #6fbedf;
+        margin: 1rem auto 2.5rem 1rem;
 
         &::after {
           border: 0.625em solid transparent;
           border-bottom: 0;
           border-right: 0;
-          border-top-color: #fdb315;
-          left: auto;
+          border-top-color: #6fbedf;
+          right: auto;
           margin-bottom: -0.625em;
           margin-right: -0.312em;
-          right: 2rem;
+          left: 2rem;
         }
       }