diff --git a/apps/dashboard/app/(app)/authorization/permissions/[permissionId]/page.tsx b/apps/dashboard/app/(app)/authorization/permissions/[permissionId]/page.tsx
index 8c9a2eb8ae..8a67fb5cac 100644
--- a/apps/dashboard/app/(app)/authorization/permissions/[permissionId]/page.tsx
+++ b/apps/dashboard/app/(app)/authorization/permissions/[permissionId]/page.tsx
@@ -85,12 +85,12 @@ export default async function RolesPage(props: Props) {
           >
             <Tooltip>
               <TooltipTrigger asChild>
-                <div className="flex items-center justify-between gap-2 truncate">
-                  <span className="truncate">{permission.name}</span>
-                  <div>
-                    <CopyButton value={permission.name} />
-                  </div>
-                </div>
+                 <div className="flex items-center justify-between gap-2 w-full truncate">
+        <span className="truncate max-w-[calc(100%-32px)]">{permission.name}</span>
+        <div>
+          <CopyButton value={permission.name} />
+        </div>
+      </div>
               </TooltipTrigger>
               {shouldShowTooltip && (
                 <TooltipContent>