diff --git a/src/app/community-list-page/community-list-datasource.ts b/src/app/community-list-page/community-list-datasource.ts
index 8cd0c6b0af..4ffb16759d 100644
--- a/src/app/community-list-page/community-list-datasource.ts
+++ b/src/app/community-list-page/community-list-datasource.ts
@@ -25,14 +25,13 @@ export class CommunityListDatasource implements DataSource<FlatNode> {
   }
 
   loadCommunities(findOptions: FindListOptions, expandedNodes: FlatNode[]) {
-    this.loading$.next(true);
-
     this.zone.runOutsideAngular(() => {
+      this.loading$.next(true);
       this.communityListService.loadCommunities(findOptions, expandedNodes).pipe(
         take(1),
-        finalize(() => this.loading$.next(false)),
+        finalize(() => this.zone.run(() => this.loading$.next(false))),
       ).subscribe((flatNodes: FlatNode[]) => {
-        this.communityList$.next(flatNodes);
+        this.zone.run(() => this.communityList$.next(flatNodes));
       });
     });
   }