diff --git a/src/script/components/MessagesList/Message/FailedToAddUsersMessage.tsx b/src/script/components/MessagesList/Message/FailedToAddUsersMessage.tsx
index 3ae2b7a4cfb..ad214dc76a9 100644
--- a/src/script/components/MessagesList/Message/FailedToAddUsersMessage.tsx
+++ b/src/script/components/MessagesList/Message/FailedToAddUsersMessage.tsx
@@ -149,11 +149,7 @@ const MessageDetails = ({failure, isMessageFocused, allUsers}: MessageDetailsPro
   const text = getText();
 
   return (
-    <p
-      data-uie-name="multi-user-not-added-details"
-      data-uie-value={domainStr}
-      style={{lineHeight: 'var(--line-height-sm)'}}
-    >
+    <p data-uie-name="multi-user-not-added-details" data-uie-value={domainStr}>
       {text && (
         <span
           css={warning}
@@ -251,7 +247,7 @@ const FailedToAddUsersMessage: React.FC<FailedToAddUsersMessageProps> = ({
           />
         </p>
       </div>
-      <div className="message-body" css={{flexDirection: 'column'}}>
+      <div className="message-details">
         {isOpen &&
           failures.map((failure, index) => (
             <MessageDetails allUsers={allUsers} isMessageFocused={isMessageFocused} key={index} failure={failure} />
diff --git a/src/style/content/conversation/message-list.less b/src/style/content/conversation/message-list.less
index d0c36274e6e..57f7735b38c 100644
--- a/src/style/content/conversation/message-list.less
+++ b/src/style/content/conversation/message-list.less
@@ -581,6 +581,11 @@
   margin-top: 24px;
 }
 
+.message-details {
+  margin-left: var(--conversation-message-sender-width);
+  font-size: var(--font-size-small);
+}
+
 .message-group-creation-header,
 .message-member-footer {
   padding-top: 16px;