From d04955ee30f4f690505b47ab402758a2414db0ec Mon Sep 17 00:00:00 2001
From: "Lucian I. Last" <li@last.nl>
Date: Mon, 23 Sep 2024 17:30:47 +0200
Subject: [PATCH] Chat sides

---
 app/src/components/Chat/ChatPost.tsx | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/app/src/components/Chat/ChatPost.tsx b/app/src/components/Chat/ChatPost.tsx
index 85d6ec195..62ddb4afa 100644
--- a/app/src/components/Chat/ChatPost.tsx
+++ b/app/src/components/Chat/ChatPost.tsx
@@ -200,12 +200,16 @@ export default function ChatPost(props: ChatPostProps) {
 
   return (
     <div
-      className="tw-mb-2 tw-flex tw-flex-row tw-items-start"
+      className={"tw-mb-2 tw-flex tw-flex-row".concat(
+        isMe ? " tw-justify-end" : " tw-justify-start",
+      )}
       {...(props.isChainAdmin ? longPress : {})}
     >
       <div
-        className={"tw-max-w-full tw-overflow-hidden tw-rounded-tl-xl tw-rounded-tr-xl tw-inline-block tw-p-2 tw-rounded-br-xl tw-mx-4".concat(
-          isMe ? " tw-bg-purple-shade" : " tw-bg-light",
+        className={"tw-max-w-full tw-overflow-hidden tw-rounded-tl-xl tw-rounded-tr-xl tw-inline-block tw-p-2 tw-mx-4".concat(
+          isMe
+            ? " tw-bg-purple-shade tw-rounded-bl-xl"
+            : " tw-bg-light tw-rounded-br-xl",
         )}
       >
         {username ? (