diff --git a/ui/src/components/trainingReport/trainingReportForm.vue b/ui/src/components/trainingReport/trainingReportForm.vue
index f68f49c..b68aeb0 100644
--- a/ui/src/components/trainingReport/trainingReportForm.vue
+++ b/ui/src/components/trainingReport/trainingReportForm.vue
@@ -301,7 +301,10 @@ const filteredMembers = computed(() => {
                                                     <template v-for="r in eventRoles" :key="r.id">
                                                         <ComboboxItem :value="r.id"
                                                             class="data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground relative cursor-pointer select-none px-2 py-1.5 w-full">
-                                                            {{ r.name }}
+                                                            <div class="flex justify-between w-full gap-8">
+                                                                <p>{{ r.name }}</p>
+                                                                <p class="text-muted-foreground">{{ r.description }}</p>
+                                                            </div>
                                                             <ComboboxItemIndicator
                                                                 class="absolute left-2 inline-flex items-center">
                                                                 <Check class="h-4 w-4" />