From 3cd0f121531fa97318957743ab6f30ae496939c0 Mon Sep 17 00:00:00 2001
From: Harsh Mahajan <127186841+HarshMN2345@users.noreply.github.com>
Date: Sat, 6 Dec 2025 11:35:24 +0530
Subject: [PATCH 1/2] truncate long labels

---
 src/lib/components/permissions/row.svelte | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/lib/components/permissions/row.svelte b/src/lib/components/permissions/row.svelte
index c70fd5f66f..fc8487f5d1 100644
--- a/src/lib/components/permissions/row.svelte
+++ b/src/lib/components/permissions/row.svelte
@@ -221,20 +221,26 @@
                                             <Typography.Text
                                                 size="m"
                                                 color="--fgcolor-neutral-primary">
-                                                {data.customName}
+                                                {formatName(
+                                                    data.customName ?? '',
+                                                    $isSmallViewport ? 20 : 32
+                                                )}
                                             </Typography.Text>
                                         </Layout.Stack>
                                         {#if data.roleName}
                                             <InteractiveText
                                                 isVisible
                                                 variant="copy"
-                                                text={data.roleName}
+                                                text={formatName(
+                                                    data.roleName,
+                                                    $isSmallViewport ? 20 : 32
+                                                )}
                                                 value={data.roleName} />
                                         {:else}
                                             <InteractiveText
                                                 isVisible
                                                 variant="copy"
-                                                text={role}
+                                                text={formatName(role, $isSmallViewport ? 20 : 32)}
                                                 value={role} />
                                         {/if}
                                     </Layout.Stack>

From 38cf37ddd0d7b2f61d3c428cbc6fcaef2270aa70 Mon Sep 17 00:00:00 2001
From: Harsh Mahajan <127186841+HarshMN2345@users.noreply.github.com>
Date: Sat, 6 Dec 2025 11:39:05 +0530
Subject: [PATCH 2/2] changed character limit

---
 src/lib/components/permissions/row.svelte | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/lib/components/permissions/row.svelte b/src/lib/components/permissions/row.svelte
index fc8487f5d1..aa44cb73ad 100644
--- a/src/lib/components/permissions/row.svelte
+++ b/src/lib/components/permissions/row.svelte
@@ -223,7 +223,7 @@
                                                 color="--fgcolor-neutral-primary">
                                                 {formatName(
                                                     data.customName ?? '',
-                                                    $isSmallViewport ? 20 : 32
+                                                    $isSmallViewport ? 20 : 28
                                                 )}
                                             </Typography.Text>
                                         </Layout.Stack>
@@ -233,14 +233,14 @@
                                                 variant="copy"
                                                 text={formatName(
                                                     data.roleName,
-                                                    $isSmallViewport ? 20 : 32
+                                                    $isSmallViewport ? 20 : 28
                                                 )}
                                                 value={data.roleName} />
                                         {:else}
                                             <InteractiveText
                                                 isVisible
                                                 variant="copy"
-                                                text={formatName(role, $isSmallViewport ? 20 : 32)}
+                                                text={formatName(role, $isSmallViewport ? 20 : 28)}
                                                 value={role} />
                                         {/if}
                                     </Layout.Stack>