diff --git a/frontend/src/components/WrappedSelect.svelte b/frontend/src/components/WrappedSelect.svelte
index 0a08436..58f7821 100644
--- a/frontend/src/components/WrappedSelect.svelte
+++ b/frontend/src/components/WrappedSelect.svelte
@@ -6,6 +6,7 @@
         searchable={searchable}
         clearable={isClearable}
         itemId={optionIdentifier}
+        label={labelProperty}
         debounceWait={loadOptionsInterval}
         {loadOptions}
         {placeholder}
@@ -50,6 +51,7 @@
     export let disabled = false;
 
     export let optionIdentifier;
+    export let labelProperty;
     export let nameMapper = (x) => x;
 
     let searchable = isSearchable && selectedValue == undefined;
diff --git a/frontend/src/components/form/RoleSelect.svelte b/frontend/src/components/form/RoleSelect.svelte
index 07be3a9..a609581 100644
--- a/frontend/src/components/form/RoleSelect.svelte
+++ b/frontend/src/components/form/RoleSelect.svelte
@@ -3,7 +3,7 @@
 {/if}
 
 <WrappedSelect {placeholder} optionIdentifier="id" items={roles} {disabled}
-               bind:selectedValue={value} nameMapper={labelMapper} on:change />
+               bind:selectedValue={value} nameMapper={labelMapper} labelProperty="name" on:change />
 
 <script>
     import {onMount} from 'svelte'