diff --git a/frontend/src/components/home/AppHeader.vue b/frontend/src/components/home/AppHeader.vue
index 48a0e672d..8ebb8ce32 100644
--- a/frontend/src/components/home/AppHeader.vue
+++ b/frontend/src/components/home/AppHeader.vue
@@ -252,6 +252,7 @@ $user-dropdown-width-mobile: 5rem;
 }
 
 .navbar-end {
+	margin-left: 0;
 	margin-inline-start: auto;
 	flex: 0 0 auto;
 	display: flex;
diff --git a/frontend/src/components/home/ContentAuth.vue b/frontend/src/components/home/ContentAuth.vue
index efb34f574..b590e0b5e 100644
--- a/frontend/src/components/home/ContentAuth.vue
+++ b/frontend/src/components/home/ContentAuth.vue
@@ -174,11 +174,7 @@ projectStore.loadAllProjects()
 	position: relative;
 	padding: 1.5rem 0.5rem 0;
 	// TODO refactor: DRY `transition-timing-function` with `./Navigation.vue`.
-	transition: margin-left $transition-duration;
-	
-	[dir="rtl"] & {
-		transition: margin-right $transition-duration;
-	}
+	transition: margin-inline-start $transition-duration;
 
 	@media screen and (max-width: $tablet) {
 		margin-inline-start: 0;
@@ -194,13 +190,6 @@ projectStore.loadAllProjects()
 		@media screen and (min-width: $tablet) {
 			margin-inline-start: $navbar-width;
 		}
-		
-		[dir="rtl"] & {
-			@media screen and (min-width: $tablet) {
-				margin-inline-start: 0;
-				margin-inline-end: $navbar-width;
-			}
-		}
 	}
 
 	// Used to make sure the spinner is always in the middle while loading