diff --git a/src-ui/src/rtl.scss b/src-ui/src/rtl.scss
new file mode 100644
index 000000000..814733fc5
--- /dev/null
+++ b/src-ui/src/rtl.scss
@@ -0,0 +1,87 @@
+[dir="rtl"] {
+ .btn-group,
+ .input-group,
+ .pagination {
+ flex-direction: row-reverse;
+ }
+
+ .sidebar {
+ right: 0;
+ left: auto;
+ }
+
+ .sidebar-slim-toggler {
+ right: auto;
+ left: -12px;
+ }
+
+ .ms-sm-auto {
+ margin-inline-start: auto !important;
+ margin-inline-end: 0 !important;
+ }
+
+ .nav {
+ padding-inline-start: 0;
+ padding-inline-end: 0;
+ }
+
+ .dropdown-toggle:after {
+ margin-inline-start: .255em;
+ margin-inline-end: 0;
+ }
+
+ .ms-auto {
+ margin-inline-start: auto !important;
+ margin-inline-end: 0 !important;
+ }
+
+ .ms-1 {
+ margin-inline-start: .25rem !important;
+ margin-inline-end: 0 !important;
+ }
+
+ .ms-2 {
+ margin-inline-start: .5rem !important;
+ margin-inline-end: 0 !important;
+ }
+
+ .ms-3 {
+ margin-inline-start: 1rem !important;
+ margin-inline-end: 0 !important;
+ }
+
+ .me-1 {
+ margin-inline-start: 0 !important;
+ margin-inline-end: .25rem !important;
+ }
+
+ .me-2 {
+ margin-inline-start: 0 !important;
+ margin-inline-end: .5rem !important;
+ }
+
+ .me-3 {
+ margin-inline-start: 0 !important;
+ margin-inline-end: 1rem !important;
+ }
+
+ .ps-1 {
+ padding-inline-start: .25rem !important;
+ padding-inline-end: 0 !important;
+ }
+
+ .ps-2 {
+ padding-inline-start: .5rem !important;
+ padding-inline-end: 0 !important;
+ }
+
+ .pe-1 {
+ padding-inline-start: 0 !important;
+ padding-inline-end: .25rem !important;
+ }
+
+ .pe-2 {
+ padding-inline-start: 0 !important;
+ padding-inline-end: .5rem !important;
+ }
+}
diff --git a/src-ui/src/styles.scss b/src-ui/src/styles.scss
index 22e4b348b..4e9f6870f 100644
--- a/src-ui/src/styles.scss
+++ b/src-ui/src/styles.scss
@@ -16,6 +16,7 @@ $form-file-button-hover-bg: var(--pngx-bg-alt);
@import "node_modules/bootstrap/scss/bootstrap";
@import "theme";
+@import "rtl";
@import "~@ng-select/ng-select/themes/default.theme.css";
@import "print";
diff --git a/src/documents/templates/index.html b/src/documents/templates/index.html
index 2bb3758ac..8539028b1 100644
--- a/src/documents/templates/index.html
+++ b/src/documents/templates/index.html
@@ -1,8 +1,9 @@
-
{% load static i18n %}
+{% get_current_language as LANGUAGE_CODE %}
+{% get_current_language_bidi as LANGUAGE_IS_RTL %}
-
+
Paperless-ngx
diff --git a/src/documents/templates/paperless-ngx/base.html b/src/documents/templates/paperless-ngx/base.html
index 7a15320fd..c32222ae6 100644
--- a/src/documents/templates/paperless-ngx/base.html
+++ b/src/documents/templates/paperless-ngx/base.html
@@ -1,7 +1,9 @@
{% load static i18n %}
+{% get_current_language as LANGUAGE_CODE %}
+{% get_current_language_bidi as LANGUAGE_IS_RTL %}
-
+