diff --git a/ui/src/components/loa/loaList.vue b/ui/src/components/loa/loaList.vue
index 2151d1c..386f392 100644
--- a/ui/src/components/loa/loaList.vue
+++ b/ui/src/components/loa/loaList.vue
@@ -32,6 +32,7 @@ import {
     getLocalTimeZone,
 } from "@internationalized/date"
 import { el } from "@fullcalendar/core/internal-common";
+import MemberCard from "../members/MemberCard.vue";
 
 const props = defineProps<{
     adminMode?: boolean
@@ -146,7 +147,7 @@ async function commitExtend() {
                 <TableBody>
                     <TableRow v-for="post in LOAList" :key="post.id" class="hover:bg-muted/50">
                         <TableCell class="font-medium">
-                            {{ post.name }}
+                            <MemberCard :member-id="post.member_id"></MemberCard>
                         </TableCell>
                         <TableCell>{{ post.type_name }}</TableCell>
                         <TableCell>{{ formatDate(post.start_date) }}</TableCell>