diff --git a/packages/react/src/views/AttachmentHandler/TextAttachment.js b/packages/react/src/views/AttachmentHandler/TextAttachment.js
index d8c9c6f9b..19a83a7f9 100644
--- a/packages/react/src/views/AttachmentHandler/TextAttachment.js
+++ b/packages/react/src/views/AttachmentHandler/TextAttachment.js
@@ -131,7 +131,11 @@ const FileAttachment = ({
alt="avatar"
size="1.2em"
/>
- @{attachment?.author_name}
+ {attachment?.author_name}
{getTimeString(attachment?.ts) && (
handleQuoteClick(attachment)}
@@ -165,10 +169,12 @@ const FileAttachment = ({
css={css`
margin-top: 0.5rem;
white-space: pre-line;
- background: ${theme.colors.background};
- padding: 8px 12px;
- border-radius: 4px;
- border: 1px solid ${theme.colors.border};
+ ${!attachment?.author_name ? `
+ background: ${theme.colors.background};
+ padding: 8px 12px;
+ border-radius: 4px;
+ border: 1px solid ${theme.colors.border};
+ ` : ''}
line-height: normal;
`}
>
@@ -374,7 +380,11 @@ const FileAttachment = ({
alt="avatar"
size="1.2em"
/>
- @{nestedAttachment?.author_name}
+ {nestedAttachment?.author_name}
{getTimeString(nestedAttachment?.ts) && (
handleQuoteClick(nestedAttachment)}
@@ -409,6 +419,12 @@ const FileAttachment = ({
css={css`
margin-top: 0.5rem;
white-space: pre-line;
+ ${!nestedAttachment?.author_name ? `
+ background: ${theme.colors.background};
+ padding: 8px 12px;
+ border-radius: 4px;
+ border: 1px solid ${theme.colors.border};
+ ` : ''}
`}
>
{nestedAttachment?.text ? (