diff --git a/app/pages/members/index.vue b/app/pages/members/index.vue
index 1ae43bf..5aeac12 100644
--- a/app/pages/members/index.vue
+++ b/app/pages/members/index.vue
@@ -63,7 +63,7 @@
       </template>
 
       <template v-if="viewMode === 'ecology'">
-        <span class="filter-count ecology-count">{{ suggestions.length }} connection{{ suggestions.length === 1 ? '' : 's' }}</span>
+        <span class="filter-count ecology-count">{{ filteredSuggestions.length }} connection{{ filteredSuggestions.length === 1 ? '' : 's' }}</span>
       </template>
     </div>
 
@@ -1258,23 +1258,28 @@ onMounted(async () => {
   .filter-bar {
     padding: 12px 16px;
     gap: 8px;
+    flex-direction: row;
+    flex-wrap: wrap;
   }
   .view-toggle {
-    width: 100%;
+    flex: 1 1 auto;
   }
   .toggle-btn {
     flex: 1;
     justify-content: center;
   }
   .filter-search {
-    width: 100%;
+    flex: 1 1 auto;
     min-width: 0;
   }
   .filter-select {
-    flex: 1;
+    flex: 1 1 45%;
   }
   .filter-toggle {
-    flex: 1;
+    flex: 1 1 45%;
+  }
+  .filter-count {
+    flex-basis: 100%;
   }
 }
 </style>