From e7e121e78f4b92e8e60405c47cab43539ef0b74c Mon Sep 17 00:00:00 2001
From: Chewbacca <dice.warrant-02@icloud.com>
Date: Wed, 9 Nov 2022 09:16:22 -0500
Subject: [PATCH] Fix spacing under last message

---
 .../features/chats/components/chat-message-list.tsx | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/app/soapbox/features/chats/components/chat-message-list.tsx b/app/soapbox/features/chats/components/chat-message-list.tsx
index 908fc030d..9618b2fec 100644
--- a/app/soapbox/features/chats/components/chat-message-list.tsx
+++ b/app/soapbox/features/chats/components/chat-message-list.tsx
@@ -443,12 +443,19 @@ const ChatMessageList: React.FC<IChatMessageList> = ({ chat }) => {
           data={cachedChatMessages}
           startReached={handleStartReached}
           followOutput='auto'
-          itemContent={(_index, chatMessage) => {
+          itemContent={(index, chatMessage) => {
             if (chatMessage.type === 'divider') {
-              return renderDivider(_index, chatMessage.text);
+              return renderDivider(index, chatMessage.text);
             } else {
               return (
-                <div className='py-2 px-4'>
+                <div
+                  className={
+                    classNames('px-4', {
+                      'py-2': index !== START_INDEX,
+                      'pt-2 pb-4': index === START_INDEX || chatMessage.pending,
+                    })
+                  }
+                >
                   {renderMessage(chatMessage)}
                 </div>
               );