diff --git a/umap/static/umap/nav.css b/umap/static/umap/nav.css
index d052e112..33658df9 100644
--- a/umap/static/umap/nav.css
+++ b/umap/static/umap/nav.css
@@ -22,9 +22,12 @@ footer a.branding {
     font-size: 30px;
     font-weight: bold;
     height: 140px;
-    padding-left: 70px;
+    padding-inline-start: 70px;
     display: inline-block;
 }
+html[dir="rtl"] footer a.branding {
+  background-position: right center;
+}
 
 footer .i18n_switch {
     display: inline-block;
@@ -51,10 +54,13 @@ footer .i18n_switch {
     background-repeat: no-repeat;
     background-size: 60px auto;
     line-height: 70px;
-    padding-left: 80px;
+    padding-inline-start: 80px;
     display: block;
     font-size: 2.5rem;
 }
+html[dir="rtl"] .umap-nav h1 a {
+  background-position: right center;
+}
 .umap-nav ul {
     text-align: center;
     font-weight: bold;
@@ -66,7 +72,7 @@ footer .i18n_switch {
 .umap-nav .button:hover {
     text-decoration: none;
     min-width: 150px;
-    margin-left: 1rem;
+    margin-inline-start: 1rem;
 }
 
 @media only screen and (min-width: 500px) {