From 99d4da4c79d35bb8e6b25aa73a636cb3febc6197 Mon Sep 17 00:00:00 2001
From: mrbadri <mrbadri.dev@gmail.com>
Date: Tue, 4 Mar 2025 13:55:43 -0800
Subject: [PATCH] fix: correct overlay highlighting in code examples

---
 src/components/Layout/HomeContent.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/Layout/HomeContent.js b/src/components/Layout/HomeContent.js
index 72ab36884d4..83f5fa4f2ec 100644
--- a/src/components/Layout/HomeContent.js
+++ b/src/components/Layout/HomeContent.js
@@ -859,7 +859,8 @@ function ExampleLayout({
           </div>
           <div
             ref={contentRef}
-            className="relative mt-0 lg:-my-20 w-full p-2.5 xs:p-5 lg:p-10 flex grow justify-center">
+            className="relative mt-0 lg:-my-20 w-full p-2.5 xs:p-5 lg:p-10 flex grow justify-center"
+            dir="ltr">
             {right}
             <div
               className={cn(