From e5c6e34c86ed560ce8b6b99de6e53446702851ca Mon Sep 17 00:00:00 2001
From: Audric Ackermann <audric@loki.network>
Date: Thu, 9 Feb 2023 10:04:19 +1100
Subject: [PATCH] fix: avatar alignement issue with message

---
 .../conversation/message/message-content/MessageAvatar.tsx      | 2 +-
 .../message/message-content/MessageContentWithStatus.tsx        | 2 ++
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/ts/components/conversation/message/message-content/MessageAvatar.tsx b/ts/components/conversation/message/message-content/MessageAvatar.tsx
index 71310d77f4..741606859e 100644
--- a/ts/components/conversation/message/message-content/MessageAvatar.tsx
+++ b/ts/components/conversation/message/message-content/MessageAvatar.tsx
@@ -20,7 +20,7 @@ import { Avatar, AvatarSize, CrownIcon } from '../../../avatar/Avatar';
 const StyledAvatar = styled.div`
   position: relative;
   margin-inline-end: 20px;
-  padding-top: 5px;
+  padding-bottom: 6px;
   padding-inline-end: 4px;
 `;
 
diff --git a/ts/components/conversation/message/message-content/MessageContentWithStatus.tsx b/ts/components/conversation/message/message-content/MessageContentWithStatus.tsx
index d4ee14025d..35ae12b714 100644
--- a/ts/components/conversation/message/message-content/MessageContentWithStatus.tsx
+++ b/ts/components/conversation/message/message-content/MessageContentWithStatus.tsx
@@ -46,6 +46,8 @@ const StyledMessageContentContainer = styled.div<{ direction: 'left' | 'right' }
 
 const StyledMessageWithAuthor = styled.div<{ isIncoming: boolean }>`
   max-width: ${props => (props.isIncoming ? '100%' : 'calc(100% - 17px)')};
+  display: flex;
+  flex-direction: column;
 `;
 
 export const MessageContentWithStatuses = (props: Props) => {