diff --git a/packages/builder/src/pages/builder/portal/manage/users/[userId].svelte b/packages/builder/src/pages/builder/portal/manage/users/[userId].svelte
index 130f9b055..58c29f131 100644
--- a/packages/builder/src/pages/builder/portal/manage/users/[userId].svelte
+++ b/packages/builder/src/pages/builder/portal/manage/users/[userId].svelte
@@ -25,7 +25,7 @@
 
   const roleSchema = {
     name: { displayName: "App" },
-    roles: {},
+    roles: { type: "options" },
   }
 
   // Here we need to merge the Apps list and the roles response to get something that makes sense for the table
diff --git a/packages/builder/src/pages/builder/portal/manage/users/_components/UpdateRolesModal.svelte b/packages/builder/src/pages/builder/portal/manage/users/_components/UpdateRolesModal.svelte
index 48f70fef1..b17955ea3 100644
--- a/packages/builder/src/pages/builder/portal/manage/users/_components/UpdateRolesModal.svelte
+++ b/packages/builder/src/pages/builder/portal/manage/users/_components/UpdateRolesModal.svelte
@@ -1,5 +1,10 @@
 <script>
-  import { Body, Multiselect, ModalContent } from "@budibase/bbui"
+  import {
+    Body,
+    Multiselect,
+    ModalContent,
+    notifications,
+  } from "@budibase/bbui"
   import { users } from "stores/portal"
 
   export let app
@@ -10,7 +15,7 @@
 
   function updateUserRoles() {
     users.updateRoles({ ...user, roles: { ...user.roles, [app._id]: roles } })
-    console.log("updating roles!")
+    notifications.success("Roles updated")
   }
 </script>
 
@@ -23,7 +28,7 @@
   showCloseIcon={false}
 >
   <Body noPadding
-    >Select the roles that this user should use for the {app.name}.</Body
+    >Update {user.email}'s roles for <strong>{app.name}</strong>.</Body
   >
   <Multiselect
     placeholder={null}
