diff --git a/assets/less/new/components/site-nav.less b/assets/less/new/components/site-nav.less
index 538ef6a00..830f148b7 100644
--- a/assets/less/new/components/site-nav.less
+++ b/assets/less/new/components/site-nav.less
@@ -192,6 +192,12 @@
       width: 100%;
       max-width: 30rem;
 
+      [dir="rtl"] & {
+        right: auto;
+        left: var(--popover-right-align);
+        translate: calc(-1 * var(--popover-left-align));
+      }
+
       // Actual physical panel
       .popover-panel {
         position: relative;
diff --git a/assets/less/new/layout.less b/assets/less/new/layout.less
index 9ea409814..1289c5189 100644
--- a/assets/less/new/layout.less
+++ b/assets/less/new/layout.less
@@ -195,7 +195,7 @@ header {
     h4 {
       margin-top: 0;
       margin-bottom: 1rem;
-      padding-left: 40px;
+      padding-inline-start: 40px;
     }
 
     .home {