From c12ca5ece34beef0fb53f911515a7c752cc2f3ad Mon Sep 17 00:00:00 2001
From: amirhhashemi <87268103+amirhhashemi@users.noreply.github.com>
Date: Mon, 10 Apr 2023 18:29:17 +0330
Subject: [PATCH] fix(error-overlay): force error overlay direction to be LTR
 (#6782)

---
 .changeset/beige-humans-study.md          | 5 +++++
 packages/astro/src/core/errors/overlay.ts | 1 +
 2 files changed, 6 insertions(+)
 create mode 100644 .changeset/beige-humans-study.md

diff --git a/.changeset/beige-humans-study.md b/.changeset/beige-humans-study.md
new file mode 100644
index 000000000..607be9712
--- /dev/null
+++ b/.changeset/beige-humans-study.md
@@ -0,0 +1,5 @@
+---
+'astro': patch
+---
+
+Force error overlay direction to be LTR
diff --git a/packages/astro/src/core/errors/overlay.ts b/packages/astro/src/core/errors/overlay.ts
index b7c9c8b94..8f7e464f8 100644
--- a/packages/astro/src/core/errors/overlay.ts
+++ b/packages/astro/src/core/errors/overlay.ts
@@ -584,6 +584,7 @@ class ErrorOverlay extends HTMLElement {
 		super();
 		this.root = this.attachShadow({ mode: 'open' });
 		this.root.innerHTML = overlayTemplate;
+		this.dir = 'ltr';
 
 		// theme toggle logic
 		const themeToggle = this.root.querySelector<HTMLInputElement>('.theme-toggle-checkbox');