From 7c49c51cf8abd400bff77ee4fe262f986cd1454d Mon Sep 17 00:00:00 2001
From: audric <audric@loki.network>
Date: Mon, 6 Sep 2021 10:45:29 +1000
Subject: [PATCH] make outgoing status align flex-end

---
 ts/components/conversation/message/OutgoingMessageStatus.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/ts/components/conversation/message/OutgoingMessageStatus.tsx b/ts/components/conversation/message/OutgoingMessageStatus.tsx
index f7de7dfb8..2a6869b75 100644
--- a/ts/components/conversation/message/OutgoingMessageStatus.tsx
+++ b/ts/components/conversation/message/OutgoingMessageStatus.tsx
@@ -5,6 +5,7 @@ import { SessionIcon } from '../../session/icon';
 
 const MessageStatusSendingContainer = styled.div`
   display: inline-block;
+  align-self: flex-end;
   margin-bottom: 2px;
   margin-inline-start: 5px;
 `;
@@ -41,7 +42,7 @@ const MessageStatusRead = () => {
 const MessageStatusError = () => {
   return (
     <MessageStatusSendingContainer title={window.i18n('sendFailed')}>
-      <SessionIcon iconColor={'var(--color-destructibe'} iconType="error" iconSize={'tiny'} />
+      <SessionIcon iconColor={'var(--color-destructive'} iconType="error" iconSize={'tiny'} />
     </MessageStatusSendingContainer>
   );
 };