From d13cb69bec186ab284ebf425b22afd5706b73c58 Mon Sep 17 00:00:00 2001
From: Duncan McClean <duncan@duncanmcclean.com>
Date: Tue, 13 Jan 2026 09:16:32 +0000
Subject: [PATCH 1/2] Fix permission tree

---
 resources/js/components/roles/PermissionTree.vue | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/resources/js/components/roles/PermissionTree.vue b/resources/js/components/roles/PermissionTree.vue
index 4524998dc0..0864ef5ac2 100644
--- a/resources/js/components/roles/PermissionTree.vue
+++ b/resources/js/components/roles/PermissionTree.vue
@@ -1,5 +1,5 @@
 <template>
-    <div>
+    <div :style="`padding-left: ${12 * depth - 12}px`">
         <template v-for="permission in permissions" :key="permission.value">
             <ui-checkbox
                 :class="[
@@ -9,7 +9,6 @@
                 ]"
                 :description="permission.description"
                 :label="permission.label"
-                :style="`padding-left: ${24 * depth - 24}px`"
                 :value="permission.value"
                 :modelValue="permission.checked"
                 @update:modelValue="updatePermission(permission, $event)"

From 88765be4e07767a7ecb92573ebcce81b55f9c73f Mon Sep 17 00:00:00 2001
From: Jason Varga <jason@pixelfear.com>
Date: Tue, 13 Jan 2026 13:17:08 -0500
Subject: [PATCH 2/2] use padding-inline-start to support rtl

---
 resources/js/components/roles/PermissionTree.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/js/components/roles/PermissionTree.vue b/resources/js/components/roles/PermissionTree.vue
index 0864ef5ac2..dc49a88c9e 100644
--- a/resources/js/components/roles/PermissionTree.vue
+++ b/resources/js/components/roles/PermissionTree.vue
@@ -1,5 +1,5 @@
 <template>
-    <div :style="`padding-left: ${12 * depth - 12}px`">
+    <div :style="`padding-inline-start: ${12 * depth - 12}px`">
         <template v-for="permission in permissions" :key="permission.value">
             <ui-checkbox
                 :class="[