diff --git a/src/app/components/message/Reply.tsx b/src/app/components/message/Reply.tsx index 46537cd4d..c9d7f0398 100644 --- a/src/app/components/message/Reply.tsx +++ b/src/app/components/message/Reply.tsx @@ -280,7 +280,7 @@ export const Reply = as<'div', ReplyProps>( onClick={replyEvent !== null && !isBlockedSender ? onClick : undefined} > {replyEvent !== undefined && !isPendingDecrypt ? ( - + {replyContent} ) : ( diff --git a/src/app/components/message/layout/Base.tsx b/src/app/components/message/layout/Base.tsx index 47e7b9372..edcf609a7 100644 --- a/src/app/components/message/layout/Base.tsx +++ b/src/app/components/message/layout/Base.tsx @@ -48,6 +48,7 @@ export const MessageTextBody = as<'div', css.MessageTextBodyVariants & { notice? className={classNames(css.MessageTextBody({ preWrap, jumboEmoji, emote }), className)} {...props} ref={ref} + dir="auto" > {children} diff --git a/src/app/components/message/layout/layout.css.ts b/src/app/components/message/layout/layout.css.ts index e30e4c8c3..3d1368d20 100644 --- a/src/app/components/message/layout/layout.css.ts +++ b/src/app/components/message/layout/layout.css.ts @@ -229,6 +229,8 @@ export const PronounPill = style({ export const MessageTextBody = recipe({ base: { + unicodeBidi: 'plaintext', + alignSelf: 'start', wordBreak: 'break-word', fontSize: '1rem !important', // Override folds Text component to enable page zoom scaling },