diff --git a/components/mdx/PreWrapper.tsx b/components/mdx/PreWrapper.tsx
index 2e7a264..e9248fd 100644
--- a/components/mdx/PreWrapper.tsx
+++ b/components/mdx/PreWrapper.tsx
@@ -33,7 +33,10 @@ const PreWrapper = ({ children }: { children: JSX.Element }) => {
           {copied ? <FaCheck /> : <IoCopyOutline />}
         </Button>
       )}
-      <pre className="p-2 dark:bg-[#0d1117] bg-[#F6F8FA] rounded-md flat-scrollbar-normal not-prose text-sm dark:selection:bg-gray-700 selection:bg-gray-300 selection:text-inherit" dir="ltr">
+      <pre
+        className="p-2 dark:bg-[#0d1117] bg-[#F6F8FA] rounded-md flat-scrollbar-normal not-prose text-sm dark:selection:bg-gray-700 selection:bg-gray-300 selection:text-inherit"
+        dir="ltr"
+      >
         {children}
       </pre>
     </div>
diff --git a/pages/_document.tsx b/pages/_document.tsx
index ffc3f3c..396d78b 100644
--- a/pages/_document.tsx
+++ b/pages/_document.tsx
@@ -2,7 +2,11 @@ import { Head, Html, Main, NextScript } from "next/document";
 
 export default function Document() {
   return (
-    <Html lang="en">
+    // If you are using a language based on RTL typesetting direction such as Arabic,
+    // please change the dir prop value in the following code to rtl
+    // Like <Html dir="rtl" lang="en">
+    // Otherwise, please do not change
+    <Html dir="ltr" lang="en">
       <Head />
       <body>
         <Main />
diff --git a/pages/api/search/[keyword].ts b/pages/api/search/[keyword].ts
index acd8967..5399ca4 100644
--- a/pages/api/search/[keyword].ts
+++ b/pages/api/search/[keyword].ts
@@ -18,7 +18,7 @@ export default function handler(req: NextApiRequest, res: NextApiResponse<Respon
   const result: TSearchResultItem[] = SearchIndex.search(searchText).map((item) => ({
     id: item.id,
     title: item.title,
-    summary:item.summary,
+    summary: item.summary,
     tags: item.tags,
   }));
   res.status(200).json(result);
diff --git a/styles/formulation.css b/styles/formulation.css
index 98e2df2..dc0b8dc 100644
--- a/styles/formulation.css
+++ b/styles/formulation.css
@@ -2,6 +2,7 @@
   overflow: auto hidden;
   padding-top: 10px;
   padding-bottom: 10px;
+  direction: ltr;
 }
 
 .katex-display::-webkit-scrollbar-track {
@@ -20,5 +21,4 @@
 .katex-display::-webkit-scrollbar {
   height: 0.4rem;
   width: 0.5rem;
-  direction: ltr;
 }
