From 5b4790ee780ab88fae8da708d97f686c8fb561d4 Mon Sep 17 00:00:00 2001
From: Scott Wilson <scottraywilson@gmail.com>
Date: Wed, 25 Jun 2025 09:09:08 -0700
Subject: [PATCH] improvements: truncate environment selection and only show
 visualize access when expanded

---
 frontend/src/components/permissions/AccessTree/AccessTree.tsx | 4 ++--
 .../components/GeneralPermissionPolicies.tsx                  | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/permissions/AccessTree/AccessTree.tsx b/frontend/src/components/permissions/AccessTree/AccessTree.tsx
index 82ede1499..6d4689f17 100644
--- a/frontend/src/components/permissions/AccessTree/AccessTree.tsx
+++ b/frontend/src/components/permissions/AccessTree/AccessTree.tsx
@@ -182,7 +182,7 @@ const AccessTreeContent = ({ permissions, subject, onClose }: AccessTreeProps) =
                   <Select
                     value={environment}
                     onValueChange={accessTreeData.setEnvironment}
-                    className="w-44"
+                    className="w-60"
                     position="popper"
                     dropdownContainerClassName="max-w-none"
                     aria-label="Environment"
@@ -193,7 +193,7 @@ const AccessTreeContent = ({ permissions, subject, onClose }: AccessTreeProps) =
                         value={env.slug}
                         className="relative py-2 pl-6 pr-8 text-sm hover:bg-mineshaft-700"
                       >
-                        <div className="ml-3 font-medium">{env.name}</div>
+                        <div className="ml-3 truncate font-medium">{env.name}</div>
                       </SelectItem>
                     ))}
                   </Select>
diff --git a/frontend/src/pages/project/RoleDetailsBySlugPage/components/GeneralPermissionPolicies.tsx b/frontend/src/pages/project/RoleDetailsBySlugPage/components/GeneralPermissionPolicies.tsx
index 1fa7d9c52..77159f622 100644
--- a/frontend/src/pages/project/RoleDetailsBySlugPage/components/GeneralPermissionPolicies.tsx
+++ b/frontend/src/pages/project/RoleDetailsBySlugPage/components/GeneralPermissionPolicies.tsx
@@ -146,7 +146,7 @@ export const GeneralPermissionPolicies = <T extends keyof NonNullable<TFormSchem
             </Tag>
           </div>
         )}
-        {onShowAccessTree && (
+        {isOpen && onShowAccessTree && (
           <Button
             leftIcon={<FontAwesomeIcon icon={faDiagramProject} />}
             variant="outline_bg"