diff --git a/scripts/apps/authoring/preview/fullPreview.tsx b/scripts/apps/authoring/preview/fullPreview.tsx
index c513d46fbf..19184142bb 100644
--- a/scripts/apps/authoring/preview/fullPreview.tsx
+++ b/scripts/apps/authoring/preview/fullPreview.tsx
@@ -116,7 +116,7 @@ export class FullPreview extends React.Component<IProps, IState> {
         const rowSpacingVertical = 4;
 
         return (
-            <div className="preview-content">
+            <div className="preview-content" dir="rtl">
                 <div>
                     <div className="css-table">
                         <div className="tr">
diff --git a/scripts/apps/authoring/views/full-preview.html b/scripts/apps/authoring/views/full-preview.html
index d5399571a4..980a409bb1 100644
--- a/scripts/apps/authoring/views/full-preview.html
+++ b/scripts/apps/authoring/views/full-preview.html
@@ -1,4 +1,4 @@
-<div sd-modal data-model="true" data-full="true" class="modal--fullscreen modal--preview-article modal--white" dir="rtl">
+<div sd-modal data-model="true" data-full="true" class="modal--fullscreen modal--preview-article modal--white">
     <div class="modal__header modal__header--flex modal__header--no-border no-print" style="position: relative;">
         <div class="btn-group sd-flex-grow">
             <sd-check ng-model="hideMedia" label-position="inside">{{ 'Hide media' | translate }}</sd-check>