diff --git a/contentcuration/contentcuration/frontend/channelEdit/pages/StagingTreePage/index.vue b/contentcuration/contentcuration/frontend/channelEdit/pages/StagingTreePage/index.vue
index f0a0169504..5b58af9e62 100644
--- a/contentcuration/contentcuration/frontend/channelEdit/pages/StagingTreePage/index.vue
+++ b/contentcuration/contentcuration/frontend/channelEdit/pages/StagingTreePage/index.vue
@@ -98,7 +98,13 @@
         </ToolBar>
 
         <VLayout class="main-content">
-          <VFlex v-if="!children.length" class="pa-4 subheading text-xs-center">
+          <VFlex v-if="isLoadingchild" class="pa-4 subheading text-xs-center">
+            <KCircularLoader />
+          </VFlex>
+          <VFlex
+            v-else-if="!children.length && !isLoadingchild"
+            class="pa-4 subheading text-xs-center"
+          >
             {{ $tr('emptyTopicText') }}
           </VFlex>
           <div v-else class="main-list" @scroll="scroll">
@@ -291,6 +297,7 @@
     },
     data() {
       return {
+        isLoadingchild: false,
         isLoading: true,
         displaySummaryDetailsDialog: false,
         displayDeployDialog: false,
@@ -387,8 +394,14 @@
     watch: {
       nodeId(newNodeId) {
         this.elevated = false;
-        this.loadAncestors({ id: newNodeId });
-        this.loadChildren({ parent: newNodeId, root_id: this.stagingId });
+        this.isLoadingchild = true;
+
+        Promise.all([
+          this.loadAncestors({ id: newNodeId }),
+          this.loadChildren({ parent: newNodeId, root_id: this.stagingId }),
+        ]).then(() => {
+          this.isLoadingchild = false;
+        });
       },
       detailNodeId(newDetailNodeId) {
         if (!newDetailNodeId) {