diff --git a/src/app/modules/vault-filter/vault-filter.component.ts b/src/app/modules/vault-filter/vault-filter.component.ts
index 25110e00..b79de6ce 100644
--- a/src/app/modules/vault-filter/vault-filter.component.ts
+++ b/src/app/modules/vault-filter/vault-filter.component.ts
@@ -27,7 +27,7 @@ export class VaultFilterComponent extends BaseVaultFilterComponent {
 
   async ngOnInit() {
     await super.ngOnInit();
-    this.vaultFilterService.collapsedFilterNodes.subscribe((nodes) => {
+    this.vaultFilterService.collapsedFilterNodes$.subscribe((nodes) => {
       this.collapsedFilterNodes = nodes;
     });
   }
diff --git a/src/app/modules/vault-filter/vault-filter.service.ts b/src/app/modules/vault-filter/vault-filter.service.ts
index 1b78e955..41a5fc65 100644
--- a/src/app/modules/vault-filter/vault-filter.service.ts
+++ b/src/app/modules/vault-filter/vault-filter.service.ts
@@ -1,19 +1,20 @@
-import { BehaviorSubject } from "rxjs";
+import { BehaviorSubject, Observable } from "rxjs";
 
 import { VaultFilterService as BaseVaultFilterService } from "jslib-angular/modules/vault-filter/vault-filter.service";
 
 export class VaultFilterService extends BaseVaultFilterService {
-  collapsedFilterNodes = new BehaviorSubject<Set<string>>(null);
+  private _collapsedFilterNodes = new BehaviorSubject<Set<string>>(null);
+  collapsedFilterNodes$: Observable<Set<string>> = this._collapsedFilterNodes.asObservable();
 
   async buildCollapsedFilterNodes(): Promise<Set<string>> {
     const nodes = await super.buildCollapsedFilterNodes();
-    this.collapsedFilterNodes.next(nodes);
+    this._collapsedFilterNodes.next(nodes);
     return nodes;
   }
 
   async storeCollapsedFilterNodes(collapsedFilterNodes: Set<string>): Promise<void> {
     await super.storeCollapsedFilterNodes(collapsedFilterNodes);
-    this.collapsedFilterNodes.next(collapsedFilterNodes);
+    this._collapsedFilterNodes.next(collapsedFilterNodes);
   }
 
   async ensureVaultFiltersAreExpanded() {