From f5f5c360420ccde545861095792f46d03fc478fc Mon Sep 17 00:00:00 2001
From: Arnei <arnewilken@yahoo.de>
Date: Fri, 11 Jul 2025 13:28:01 +0200
Subject: [PATCH] Fix ACL role dropdown width

The role dropdown in the ACL tabs could extend over its column width, due to its own fixed width.
This fixes that.
---
 .../events/partials/ModalTabsAndPages/NewAccessPage.tsx         | 2 +-
 src/components/shared/modals/ResourceDetailsAccessPolicyTab.tsx | 2 +-
 src/components/users/partials/wizard/AclAccessPage.tsx          | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/events/partials/ModalTabsAndPages/NewAccessPage.tsx b/src/components/events/partials/ModalTabsAndPages/NewAccessPage.tsx
index 7e7505bf6b..43a525caa0 100644
--- a/src/components/events/partials/ModalTabsAndPages/NewAccessPage.tsx
+++ b/src/components/events/partials/ModalTabsAndPages/NewAccessPage.tsx
@@ -269,7 +269,7 @@ const NewAccessPage = <T extends RequiredFormProps>({
 																						}
 																						skipTranslate
 																						optionHeight={35}
-																						customCSS={{ width: 360, optionPaddingTop: 5 }}
+																						customCSS={{ width: "100%", optionPaddingTop: 5 }}
 																					/>
 																				</td>
 																				{/* Checkboxes for  policy.read and policy.write*/}
diff --git a/src/components/shared/modals/ResourceDetailsAccessPolicyTab.tsx b/src/components/shared/modals/ResourceDetailsAccessPolicyTab.tsx
index f4ad3f2ce3..f96caa8841 100644
--- a/src/components/shared/modals/ResourceDetailsAccessPolicyTab.tsx
+++ b/src/components/shared/modals/ResourceDetailsAccessPolicyTab.tsx
@@ -497,7 +497,7 @@ const ResourceDetailsAccessPolicyTab = ({
 																								}
 																								skipTranslate
 																								optionHeight={35}
-																								customCSS={{ width: 360, optionPaddingTop: 5 }}
+																								customCSS={{ width: "100%", optionPaddingTop: 5 }}
 																							/>
 																						) : (
 																							<p>{policy.role}</p>
diff --git a/src/components/users/partials/wizard/AclAccessPage.tsx b/src/components/users/partials/wizard/AclAccessPage.tsx
index 22bd92fdbf..91cd976edb 100644
--- a/src/components/users/partials/wizard/AclAccessPage.tsx
+++ b/src/components/users/partials/wizard/AclAccessPage.tsx
@@ -229,7 +229,7 @@ const AclAccessPage = <T extends RequiredFormProps>({
 																						disabled={!isAccess}
 																						skipTranslate
 																						optionHeight={35}
-																						customCSS={{ width: 360, optionPaddingTop: 5 }}
+																						customCSS={{ width: "100%", optionPaddingTop: 5 }}
 																					/>
 																				</td>
 																				<td className="fit text-center">