diff --git a/src/assets/wise5/classroomMonitor/classroomMonitorComponents/nodeGrading/workgroupItem/workgroupItem.ts b/src/assets/wise5/classroomMonitor/classroomMonitorComponents/nodeGrading/workgroupItem/workgroupItem.ts
index 37a00ce02a..04a0407f3a 100644
--- a/src/assets/wise5/classroomMonitor/classroomMonitorComponents/nodeGrading/workgroupItem/workgroupItem.ts
+++ b/src/assets/wise5/classroomMonitor/classroomMonitorComponents/nodeGrading/workgroupItem/workgroupItem.ts
@@ -7,7 +7,7 @@ import { UtilService } from '../../../../services/utilService';
 class WorkgroupItemController {
   $translate: any;
   componentId: string;
-  components: any[];
+  components: any[] = [];
   disabled: any;
   expand: any;
   hasAlert: boolean;
@@ -37,9 +37,19 @@ class WorkgroupItemController {
     this.nodeHasWork = this.ProjectService.nodeHasWork(this.nodeId);
     this.statusText = '';
     this.update();
-    this.components = this.ProjectService.getComponentsByNodeId(this.nodeId).filter((component) => {
-      return this.ProjectService.componentHasWork(component);
-    });
+    if (this.componentId) {
+      const component =
+          this.ProjectService.getComponentByNodeIdAndComponentId(this.nodeId, this.componentId);
+      if (this.ProjectService.componentHasWork(component)) {
+        this.components.push(component);
+      }
+    } else {
+      this.components = this.ProjectService.getComponentsByNodeId(this.nodeId).filter(
+        (component) => {
+          return this.ProjectService.componentHasWork(component);
+        }
+      );
+    }
   }
 
   $onChanges(changesObj) {