diff --git a/ts/components/conversation/Message.tsx b/ts/components/conversation/Message.tsx
index 2a2ccfff0..ec508c11e 100644
--- a/ts/components/conversation/Message.tsx
+++ b/ts/components/conversation/Message.tsx
@@ -1189,7 +1189,7 @@ export class Message extends React.PureComponent<Props, State> {
             onClick={onPreviewImageClick}
           />
         ) : null}
-        <div className="module-message__link-preview__content">
+        <div dir="auto" className="module-message__link-preview__content">
           {first.image &&
           first.domain &&
           previewHasImage &&
@@ -1219,7 +1219,6 @@ export class Message extends React.PureComponent<Props, State> {
             </div>
           ) : null}
           <div
-            dir="auto"
             className={classNames(
               'module-message__link-preview__text',
               previewHasImage && !isFullSizeImage
diff --git a/ts/components/conversation/StagedLinkPreview.tsx b/ts/components/conversation/StagedLinkPreview.tsx
index 1f28ae3b9..8a37ade95 100644
--- a/ts/components/conversation/StagedLinkPreview.tsx
+++ b/ts/components/conversation/StagedLinkPreview.tsx
@@ -73,6 +73,7 @@ export function StagedLinkPreview({
 
   return (
     <div
+      dir="auto"
       className={classNames(
         getClassName(''),
         !isLoaded ? getClassName('--is-loading') : null