diff --git a/src/js/components/PrivateMessage.tsx b/src/js/components/PrivateMessage.tsx
index 080e9195..73476d23 100644
--- a/src/js/components/PrivateMessage.tsx
+++ b/src/js/components/PrivateMessage.tsx
@@ -58,7 +58,13 @@ const PrivateMessage = (props) => {
};
if (innerEvent) {
- return ;
+ return (
+
+ );
}
if (!checked) {
@@ -77,13 +83,17 @@ const PrivateMessage = (props) => {
typeof props.created_at === 'object' ? props.created_at : new Date(props.created_at * 1000);
const status: any = ''; // this.getSeenStatus();
- const seen = status.seen ? 'text-green-500' : 'text-gray-500';
- const delivered = status.delivered ? 'border-green-500' : 'border-gray-500';
- const whose = props.selfAuthored ? 'bg-iris-blue text-white' : 'bg-neutral-900 text-white';
+ const seen = status.seen ? 'text-green-500' : 'text-neutral-500';
+ const delivered = status.delivered ? 'border-green-500' : 'border-neutral-500';
+ const whose = props.selfAuthored
+ ? 'self-end bg-iris-blue text-white'
+ : 'self-start bg-neutral-700 text-white';
return (
-
-
+
+
{props.showName && (
@@ -95,7 +105,7 @@ const PrivateMessage = (props) => {
{formattedText}
-
+
{props.id ? Helpers.getRelativeTimeText(time) : Helpers.formatTime(time)}
diff --git a/src/js/views/chat/ChatMessages.tsx b/src/js/views/chat/ChatMessages.tsx
index dc65035f..3ab36a58 100644
--- a/src/js/views/chat/ChatMessages.tsx
+++ b/src/js/views/chat/ChatMessages.tsx
@@ -153,7 +153,7 @@ function ChatMessages({ id }) {
id="message-view"
onScroll={() => onMessageViewScroll()}
>
-