From e05fe8f82daf6f932829576ab64067c498c6881c Mon Sep 17 00:00:00 2001
From: Hichem Fantar <fantar.hichem@gmail.com>
Date: Tue, 14 Jan 2025 13:36:35 +0100
Subject: [PATCH] fix(styles): update text alignment to use 'start' and 'end'
 for better compatibility

---
 .../src/theme/DebugLayout/styles.module.css                     | 2 +-
 .../src/theme/CodeBlock/Line/styles.module.css                  | 2 +-
 .../src/theme/EditMetaRow/styles.module.css                     | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/docusaurus-plugin-debug/src/theme/DebugLayout/styles.module.css b/packages/docusaurus-plugin-debug/src/theme/DebugLayout/styles.module.css
index 40326effb3b0..2b951d835da7 100644
--- a/packages/docusaurus-plugin-debug/src/theme/DebugLayout/styles.module.css
+++ b/packages/docusaurus-plugin-debug/src/theme/DebugLayout/styles.module.css
@@ -64,7 +64,7 @@
   .navlink {
     width: 80%;
     margin-top: 20px;
-    text-align: left;
+    text-align: start;
   }
 
   .container {
diff --git a/packages/docusaurus-theme-classic/src/theme/CodeBlock/Line/styles.module.css b/packages/docusaurus-theme-classic/src/theme/CodeBlock/Line/styles.module.css
index 454874ff256d..76dfa96e9387 100644
--- a/packages/docusaurus-theme-classic/src/theme/CodeBlock/Line/styles.module.css
+++ b/packages/docusaurus-theme-classic/src/theme/CodeBlock/Line/styles.module.css
@@ -29,7 +29,7 @@ the background in custom CSS file due bug https://github.com/facebook/docusaurus
 
 .codeLineNumber {
   display: table-cell;
-  text-align: right;
+  text-align: end;
   width: 1%;
   position: sticky;
   left: 0;
diff --git a/packages/docusaurus-theme-classic/src/theme/EditMetaRow/styles.module.css b/packages/docusaurus-theme-classic/src/theme/EditMetaRow/styles.module.css
index 40eb215557b0..bab07d174a4f 100644
--- a/packages/docusaurus-theme-classic/src/theme/EditMetaRow/styles.module.css
+++ b/packages/docusaurus-theme-classic/src/theme/EditMetaRow/styles.module.css
@@ -13,6 +13,6 @@
 
 @media (min-width: 997px) {
   .lastUpdated {
-    text-align: right;
+    text-align: end;
   }
 }