diff --git a/assets/scss/main.scss b/assets/scss/main.scss
index 710c943991..ae0129cdc8 100644
--- a/assets/scss/main.scss
+++ b/assets/scss/main.scss
@@ -35,6 +35,7 @@
 @import "drawio";
 @import "shortcodes";
 @import "swagger";
+@import "support/rtl";
 
 
 @if $td-enable-google-fonts {
diff --git a/assets/scss/support/_rtl.scss b/assets/scss/support/_rtl.scss
new file mode 100644
index 0000000000..c0f263e04d
--- /dev/null
+++ b/assets/scss/support/_rtl.scss
@@ -0,0 +1,7 @@
+@each $breakpoint, $_ in $container-max-widths {
+  @include media-breakpoint-up($breakpoint) {
+    html[dir="rtl"] .ms-#{$breakpoint}-auto {
+      margin-left: initial !important;
+    }
+  }
+}
diff --git a/userguide/hugo.yaml b/userguide/hugo.yaml
index 92e5ab9dd2..1cc7b0b14d 100644
--- a/userguide/hugo.yaml
+++ b/userguide/hugo.yaml
@@ -30,6 +30,7 @@ menu:
 languages:
   en:
     languageName: English
+    languageDirection: rtl
     params:
       description: Docsy does docs