diff --git a/ui/src/pages/memberList.vue b/ui/src/pages/memberList.vue
index 45033dd..a109043 100644
--- a/ui/src/pages/memberList.vue
+++ b/ui/src/pages/memberList.vue
@@ -45,9 +45,9 @@ const pagination = ref<PaginationType>({
     totalPages: 0,
 });
 
-const filters = ref({
+const filters = ref<{ search: string; status: "all" | MemberState; unitId: string }>({
     search: "",
-    status: "all",
+    status: MemberState.Member,
     unitId: "all"
 });
 
@@ -222,7 +222,9 @@ function handleDischargeSuccess(data) {
                         <template v-if="isLoaded">
                             <TableRow v-for="member in paginatedMembers" :key="member.member_id"
                                 class="group cursor-pointer hover:bg-muted/30 transition-colors">
-                                <TableCell class="font-medium"><MemberCard :member-id="member.member_id"></MemberCard></TableCell>
+                                <TableCell class="font-medium">
+                                    <MemberCard :member-id="member.member_id"></MemberCard>
+                                </TableCell>
                                 <!-- <TableCell class="font-medium py-4">{{ member.displayName || member.member_name }}</TableCell> -->
                                 <TableCell>{{ member.rank }}</TableCell>
                                 <TableCell>{{ member.unit }}</TableCell>