diff --git a/js/apps/admin-ui/src/clients/authorization/policy/User.tsx b/js/apps/admin-ui/src/clients/authorization/policy/User.tsx
index 1a64d523a0..db654e064a 100644
--- a/js/apps/admin-ui/src/clients/authorization/policy/User.tsx
+++ b/js/apps/admin-ui/src/clients/authorization/policy/User.tsx
@@ -9,6 +9,7 @@ export const User = () => {
       label="users"
       helpText={t("policyUsers")}
       defaultValue={[]}
+      variant="typeaheadMulti"
       isRequired
     />
   );
diff --git a/js/apps/admin-ui/src/components/users/UserSelect.tsx b/js/apps/admin-ui/src/components/users/UserSelect.tsx
index db1cde1868..492e8d8fe3 100644
--- a/js/apps/admin-ui/src/components/users/UserSelect.tsx
+++ b/js/apps/admin-ui/src/components/users/UserSelect.tsx
@@ -62,6 +62,7 @@ export const UserSelect = ({
       const params: UserQuery = {
         max: 20,
       };
+
       if (search) {
         params.username = search;
       }
@@ -154,7 +155,10 @@ export const UserSelect = ({
                                   );
                                 }}
                               >
-                                {selection}
+                                {
+                                  users.find((u) => u?.id === selection)
+                                    ?.username
+                                }
                               </Chip>
                             ),
                           )}