diff --git a/app/pages/members/index.vue b/app/pages/members/index.vue
index 5aeac12..51b52af 100644
--- a/app/pages/members/index.vue
+++ b/app/pages/members/index.vue
@@ -155,7 +155,7 @@
                 <span v-if="member.pronouns" class="mc-pronouns">{{ member.pronouns }}</span>
               </div>
               <div class="mc-meta">
-                <span class="badge" :class="member.circle">{{ circleLabels[member.circle] }}</span>
+                <CircleBadge :circle="member.circle" :label="circleLabels[member.circle]" />
                 <template v-if="member.studio">
                   <span class="sep">&middot;</span>
                   {{ member.studio }}
@@ -543,6 +543,7 @@ const loadEcology = async () => {
   } catch (error) {
     if (error?.statusCode === 401 || error?.status === 401) {
       viewMode.value = 'directory'
+      loadMembers()
       openLoginModal({
         title: 'Session expired',
         description: 'Please sign in again to view ecology',
@@ -658,7 +659,7 @@ onMounted(async () => {
   await loadTagOptions()
 
   if (viewMode.value === 'ecology' && isAuthenticated.value) {
-    await Promise.all([loadMembers(), loadEcology()])
+    await loadEcology()
   } else {
     if (viewMode.value === 'ecology' && !isAuthenticated.value) {
       viewMode.value = 'directory'