diff --git a/src/components/NcAppSidebar/NcAppSidebar.vue b/src/components/NcAppSidebar/NcAppSidebar.vue
index 3b0922248c..6d3ad750ac 100644
--- a/src/components/NcAppSidebar/NcAppSidebar.vue
+++ b/src/components/NcAppSidebar/NcAppSidebar.vue
@@ -1267,14 +1267,14 @@ $top-buttons-spacing: 6px;
 
 	z-index: 1500;
 	top: 0;
-	right: 0;
+	inset-inline-end: 0;
 	display: flex;
 	overflow-x: hidden;
 	overflow-y: auto;
 	flex-direction: column;
 	flex-shrink: 0;
 	height: 100%;
-	border-left: 1px solid var(--color-border);
+	border-inline-start: 1px solid var(--color-border);
 	background: var(--color-main-background);
 	// Make close button positioned relative to the header
 	position: relative;
@@ -1292,7 +1292,7 @@ $top-buttons-spacing: 6px;
 			position: absolute;
 			z-index: 100;
 			top: $top-buttons-spacing;
-			right: $top-buttons-spacing;
+			inset-inline-end: $top-buttons-spacing;
 			width: var(--default-clickable-area);
 			height: var(--default-clickable-area);
 			opacity: $opacity_normal;
@@ -1319,14 +1319,14 @@ $top-buttons-spacing: 6px;
 					flex: 0 0 auto;
 				}
 				.app-sidebar-header__desc {
-					padding-left: 0;
+					padding-inline-start: 0;
 					flex: 1 1 auto;
 					min-width: 0;
 					padding-right: calc(2 * var(--default-clickable-area) + $top-buttons-spacing);
 					padding-top: $desc-vertical-padding-compact;
 
 					&.app-sidebar-header__desc--without-actions {
-						padding-right: calc(var(--default-clickable-area) + $top-buttons-spacing);
+						padding-inline-end: calc(var(--default-clickable-area) + $top-buttons-spacing);
 					}
 
 					.app-sidebar-header__tertiary-actions {
@@ -1338,7 +1338,7 @@ $top-buttons-spacing: 6px;
 					}
 					.app-sidebar-header__menu {
 						top: $top-buttons-spacing;
-						right: calc(var(--default-clickable-area) + $top-buttons-spacing); // left of the close button
+						inset-inline-end: calc(var(--default-clickable-area) + $top-buttons-spacing); // left of the close button
 						position: absolute;
 					}
 				}
@@ -1358,7 +1358,7 @@ $top-buttons-spacing: 6px;
 				padding-right: calc(2 * var(--default-clickable-area) + $top-buttons-spacing);
 
 				&.app-sidebar-header__desc--without-actions {
-					padding-right: calc(var(--default-clickable-area) + $top-buttons-spacing);
+					padding-inline-end: calc(var(--default-clickable-area) + $top-buttons-spacing);
 				}
 			}
 		}
@@ -1394,7 +1394,7 @@ $top-buttons-spacing: 6px;
 
 			// custom overrides
 			&--with-tertiary-action {
-				padding-left: 6px;
+				padding-inline-start: 6px;
 			}
 
 			&--editable .app-sidebar-header__mainname-form,
@@ -1468,7 +1468,7 @@ $top-buttons-spacing: 6px;
 
 					// main menu
 					.app-sidebar-header__menu {
-						margin-left: 5px;
+						margin-inline-start: 5px;
 					}
 				}
 
@@ -1515,7 +1515,7 @@ $top-buttons-spacing: 6px;
 .slide-right-leave-active,
 .slide-right-enter-active {
 	transition-duration: var(--animation-quick);
-	transition-property: margin-right;
+	transition-property: margin-inline-end;
 }
 
 .slide-right-enter-to,
@@ -1525,7 +1525,7 @@ $top-buttons-spacing: 6px;
 
 .slide-right-enter-from,
 .slide-right-leave-to {
-	margin-right: calc(-1 * var(--app-sidebar-width));
+	margin-inline-end: calc(-1 * var(--app-sidebar-width));
 }
 </style>