From af5ce46a79bd3aa0429c71871d1ae4bfa7aac6d3 Mon Sep 17 00:00:00 2001
From: Alireza Imani <83541857+alirezaImani-f4L3e@users.noreply.github.com>
Date: Wed, 5 Feb 2025 17:41:11 +0330
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20fix:=20Fix=20Code=20blocks=20dir?=
 =?UTF-8?q?ection=20in=20lists=20(#259)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/Highlighter/SyntaxHighlighter/style.ts | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/Highlighter/SyntaxHighlighter/style.ts b/src/Highlighter/SyntaxHighlighter/style.ts
index f85b31e7..3f124714 100644
--- a/src/Highlighter/SyntaxHighlighter/style.ts
+++ b/src/Highlighter/SyntaxHighlighter/style.ts
@@ -15,18 +15,19 @@ export const useStyles = createStyles(({ css, token, cx, prefixCls, stylish }) =
         height: 34px;
         padding-block: 0;
         padding-inline: 8px;
+        border-radius: ${token.borderRadius};
 
         font-family: ${token.fontFamilyCode};
         color: ${token.colorTextTertiary};
-
-        border-radius: ${token.borderRadius};
       `,
     ),
     shiki: cx(
       `${prefix}-shiki`,
       css`
+        direction: ltr;
         margin: 0;
         padding: 0;
+        text-align: start;
 
         .shiki {
           overflow-x: auto;
@@ -69,10 +70,10 @@ export const useStyles = createStyles(({ css, token, cx, prefixCls, stylish }) =
           .highlighted-word {
             padding-block: 0.1em;
             padding-inline: 0.2em;
-
-            background: ${token.colorFillTertiary};
             border: 1px solid ${token.colorBorderSecondary};
             border-radius: ${token.borderRadius}px;
+
+            background: ${token.colorFillTertiary};
           }
 
           .diff {