diff --git a/frontend/useCases/createDiffEditorInteractions.ts b/frontend/useCases/createDiffEditorInteractions.ts
index a09a9ef..f843b5f 100644
--- a/frontend/useCases/createDiffEditorInteractions.ts
+++ b/frontend/useCases/createDiffEditorInteractions.ts
@@ -26,7 +26,7 @@ const htmlWrappers = [
 
 const getHtmlWrappedText = (text: string, htmlWrapper: (typeof htmlWrappers)[number])  => {
   if (htmlWrapper === MarkdownOperator.RIGHTALIGN) {
-    return `<span style="text-align:right">\n\n${text}\n\n</span>\n`
+    return `<span dir="rtl">\n\n${text}\n\n</span>\n`
   }
 }