diff --git a/src/components/NcAppNavigation/NcAppNavigation.vue b/src/components/NcAppNavigation/NcAppNavigation.vue
index d8729681dc..fe9013389a 100644
--- a/src/components/NcAppNavigation/NcAppNavigation.vue
+++ b/src/components/NcAppNavigation/NcAppNavigation.vue
@@ -344,7 +344,7 @@ export default {
 	backdrop-filter: var(--filter-background-blur, none);
 
 	&--close {
-		margin-left: calc(-1 * min($navigation-width, var(--app-navigation-max-width)));
+		margin-inline-start: calc(-1 * min($navigation-width, var(--app-navigation-max-width)));
 	}
 
 	&__search {
diff --git a/src/components/NcAppNavigationToggle/NcAppNavigationToggle.vue b/src/components/NcAppNavigationToggle/NcAppNavigationToggle.vue
index 6980f07822..22e1b65e4d 100644
--- a/src/components/NcAppNavigationToggle/NcAppNavigationToggle.vue
+++ b/src/components/NcAppNavigationToggle/NcAppNavigationToggle.vue
@@ -71,8 +71,8 @@ export default {
 .app-navigation-toggle-wrapper {
 	position: absolute;
 	top: var(--app-navigation-padding);
-	right: calc(0px - var(--app-navigation-padding));
-	margin-right: calc(-1 * var(--default-clickable-area));
+	inset-inline-end: calc(0px - var(--app-navigation-padding));
+	margin-inline-end: calc(-1 * var(--default-clickable-area));
 }
 
 button.app-navigation-toggle {