diff --git a/_includes/nav.html b/_includes/nav.html
index 8255ffbd..6a116f9d 100644
--- a/_includes/nav.html
+++ b/_includes/nav.html
@@ -1,8 +1,6 @@
 <nav class="navbar navbar-expand-sm navbar-dark bg-primary">
 	<div class="container-fluid maxwidth">
-		<span class="navbar-brand">
-			<a class="navbar-brand mb-0 h1" href="{% unless page.collection == "en-US" %}/{{ page.collection }}{% endunless %}{{ site.data[page.collection].nav[0].url }}" accesskey="h">{{ site.data[page.collection].strings.title }}</a>
-		</span>
+		<a class="navbar-brand" href="{% unless page.collection == "en-US" %}/{{ page.collection }}{% endunless %}{{ site.data[page.collection].nav[0].url }}" accesskey="h">{{ site.data[page.collection].strings.title }}</a>
 		<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="{{ site.data[page.collection].strings.toggle-navigation }}">
 			<span class="navbar-toggler-icon"></span>
 		</button>
diff --git a/_sass/base.scss b/_sass/base.scss
index 71f142a6..27b9ffa8 100644
--- a/_sass/base.scss
+++ b/_sass/base.scss
@@ -195,9 +195,16 @@ div .btn-primary:hover {
 }
 
 // Fixes for navbar on older browsers
-.navbar-toggler {
+html[dir=ltr] .navbar-toggler {
 	position: absolute;
 	right: 0.75rem;
+	top: 0.5rem;
+}
+
+html[dir=rtl] .navbar-toggler {
+	position: absolute;
+	left: 0.75rem;
+	top: 0.5rem;
 }
 
 .navbar {
@@ -575,10 +582,15 @@ a.footnote::after {
 				display: none;
 			}
 
-			&::after {
+			html[dir=ltr] &::after {
 				position: absolute;
 				right: 1rem;
 			}
+
+			html[dir=rtl] &::after {
+				position: absolute;
+				left: 1rem;
+			}
 		}
 	
 		> .faq {
@@ -670,8 +682,13 @@ a.footnote::after {
 		}
 	}
 
-	.lang-select-dropdown, .navbar-toggler {
+	html[dir=ltr] .lang-select-dropdown, .navbar-toggler {
 		position: absolute;
 		right: 0.75rem;
 	}
+
+	html[dir=rtl] .lang-select-dropdown, .navbar-toggler {
+		position: absolute;
+		left: 0.75rem;
+	}
 }