diff --git a/assets/scss/base.scss b/assets/scss/base.scss
index 1946068..1e6f557 100644
--- a/assets/scss/base.scss
+++ b/assets/scss/base.scss
@@ -86,6 +86,7 @@ pre {
   max-height: var(--code-block-size);
   padding: 0.5rem;
   overflow: auto;
+  direction: ltr;
 
   code { background: unset; }
 }
diff --git a/assets/scss/layout.scss b/assets/scss/layout.scss
index 72c13bb..e60297d 100644
--- a/assets/scss/layout.scss
+++ b/assets/scss/layout.scss
@@ -70,6 +70,11 @@ footer[aria-label="Site footer"] {
   top: 0;
   right: 0;
 
+  [dir="rtl"] & {
+    right: unset;
+    left: 0;
+  }
+
   &:hover {
     color: unset !important;
     & .site__theme-dropdown {
@@ -87,6 +92,11 @@ footer[aria-label="Site footer"] {
   right: 0;
   top: 1.5em;
   width: max-content;
+
+  [dir="rtl"] & {
+    right: unset;
+    left: 0;
+  }
 }
 
 .site__theme-dropdown-list {