diff --git a/app/soapbox/features/chats/components/chat_message_list.js b/app/soapbox/features/chats/components/chat_message_list.js
index ad676405b..5533f7ee2 100644
--- a/app/soapbox/features/chats/components/chat_message_list.js
+++ b/app/soapbox/features/chats/components/chat_message_list.js
@@ -262,9 +262,14 @@ class ChatMessageList extends ImmutablePureComponent {
   }
 
   renderEncryptedMessage = (chatMessage) => {
+    const { me } = this.props;
+
     return (
       <div
-        className='chat-message'
+        className={classNames('chat-message', {
+          'chat-message--me': chatMessage.get('account_id') === me,
+          'chat-message--pending': chatMessage.get('pending', false) === true,
+        })}
         key={chatMessage.get('id')}
       >
         <div