diff --git a/src/ui/elements/CodeBlock.tsx b/src/ui/elements/CodeBlock.tsx
index a517466..0c78bc6 100644
--- a/src/ui/elements/CodeBlock.tsx
+++ b/src/ui/elements/CodeBlock.tsx
@@ -16,6 +16,7 @@ export function CodeBlock(props: CodeBlockProps): JSX.Element {
   return (
     <pre
       class="code-block language-json line-numbers"
+      dir="ltr"
       dangerouslySetInnerHTML={{ __html: highlightedCode }}
     />
   );
diff --git a/src/ui/elements/CodeEditor.tsx b/src/ui/elements/CodeEditor.tsx
index 7f11b0e..367eaf4 100644
--- a/src/ui/elements/CodeEditor.tsx
+++ b/src/ui/elements/CodeEditor.tsx
@@ -50,7 +50,7 @@ export class CodeEditor extends Component<CodeEditorProps, unknown> {
 
   render(): JSX.Element {
     return (
-      <div class={"editor line-numbers language-" + this.props.language} ref={this.editorRef} />
+      <div dir="ltr" class={"editor line-numbers language-" + this.props.language} ref={this.editorRef} />
     );
   }
 }