diff --git a/ts/components/conversationList/BaseConversationListItem.tsx b/ts/components/conversationList/BaseConversationListItem.tsx
index 37580dbaaf..aeaae639c3 100644
--- a/ts/components/conversationList/BaseConversationListItem.tsx
+++ b/ts/components/conversationList/BaseConversationListItem.tsx
@@ -18,7 +18,7 @@ const CONTENT_CLASS_NAME = `${BASE_CLASS_NAME}__content`;
 const HEADER_CLASS_NAME = `${CONTENT_CLASS_NAME}__header`;
 export const DATE_CLASS_NAME = `${HEADER_CLASS_NAME}__date`;
 const TIMESTAMP_CLASS_NAME = `${DATE_CLASS_NAME}__timestamp`;
-export const MESSAGE_CLASS_NAME = `${CONTENT_CLASS_NAME}__message`;
+const MESSAGE_CLASS_NAME = `${CONTENT_CLASS_NAME}__message`;
 export const MESSAGE_TEXT_CLASS_NAME = `${MESSAGE_CLASS_NAME}__text`;
 const CHECKBOX_CLASS_NAME = `${BASE_CLASS_NAME}__checkbox`;
 
diff --git a/ts/components/conversationList/ConversationListItem.tsx b/ts/components/conversationList/ConversationListItem.tsx
index 86ac06dfdf..c6dfdfd23b 100644
--- a/ts/components/conversationList/ConversationListItem.tsx
+++ b/ts/components/conversationList/ConversationListItem.tsx
@@ -11,7 +11,6 @@ import classNames from 'classnames';
 
 import {
   BaseConversationListItem,
-  MESSAGE_CLASS_NAME,
   MESSAGE_TEXT_CLASS_NAME,
 } from './BaseConversationListItem';
 import { MessageBody } from '../conversation/MessageBody';
@@ -123,10 +122,10 @@ export const ConversationListItem: FunctionComponent<Props> = React.memo(
       messageText = (
         <>
           {muteExpiresAt && Date.now() < muteExpiresAt && (
-            <span className={`${MESSAGE_CLASS_NAME}__muted`} />
+            <span className={`${MESSAGE_TEXT_CLASS_NAME}__muted`} />
           )}
           {!acceptedMessageRequest ? (
-            <span className={`${MESSAGE_CLASS_NAME}__message-request`}>
+            <span className={`${MESSAGE_TEXT_CLASS_NAME}__message-request`}>
               {i18n('ConversationListItem--message-request')}
             </span>
           ) : typingContact ? (