From 947cf3e87e5e38eea16d7b69deb68b3116b22895 Mon Sep 17 00:00:00 2001
From: rikimaru0345 <rikimaru0345@users.noreply.github.com>
Date: Wed, 20 Mar 2024 18:11:52 +0100
Subject: [PATCH] frontend: fix principal type dropdown

---
 .../src/components/pages/acls/PrincipalGroupEditor.tsx    | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/frontend/src/components/pages/acls/PrincipalGroupEditor.tsx b/frontend/src/components/pages/acls/PrincipalGroupEditor.tsx
index e75b1f1b6..e25166f6e 100644
--- a/frontend/src/components/pages/acls/PrincipalGroupEditor.tsx
+++ b/frontend/src/components/pages/acls/PrincipalGroupEditor.tsx
@@ -135,7 +135,7 @@ export const AclPrincipalGroupEditor = observer((p: {
                                 }
                             >
                                 <InputGroup>
-                                    <Box mr={2} minW={150}>
+                                    <Box mr={2} minW={180} zIndex={1}>
                                         <SingleSelect<PrincipalType>
                                             value={group.principalType}
                                             options={[
@@ -144,13 +144,11 @@ export const AclPrincipalGroupEditor = observer((p: {
                                                     value: 'User',
                                                 },
                                                 {
-                                                    label: 'Redpanda role',
+                                                    label: 'Redpanda Role',
                                                     value: 'RedpandaRole'
                                                 }
                                             ]}
-                                            onChange={(value) => {
-                                                group.principalType = value
-                                            }}
+                                            onChange={(value) => group.principalType = value}
                                         />
                                     </Box>