diff --git a/src/assets/wise5/classroomMonitor/classroomMonitorComponents/nodeGrading/workgroupItem/workgroupItem.ts b/src/assets/wise5/classroomMonitor/classroomMonitorComponents/nodeGrading/workgroupItem/workgroupItem.ts
index 576e3892cf..37a00ce02a 100644
--- a/src/assets/wise5/classroomMonitor/classroomMonitorComponents/nodeGrading/workgroupItem/workgroupItem.ts
+++ b/src/assets/wise5/classroomMonitor/classroomMonitorComponents/nodeGrading/workgroupItem/workgroupItem.ts
@@ -2,6 +2,7 @@
 
 import { TeacherProjectService } from '../../../../services/teacherProjectService';
 import * as angular from 'angular';
+import { UtilService } from '../../../../services/utilService';
 
 class WorkgroupItemController {
   $translate: any;
@@ -22,9 +23,13 @@ class WorkgroupItemController {
   statusClass: any;
   statusText: string;
   workgroupId: number;
-  static $inject = ['$filter', 'ProjectService'];
+  static $inject = ['$filter', 'ProjectService', 'UtilService'];
 
-  constructor($filter: any, private ProjectService: TeacherProjectService) {
+  constructor(
+    $filter: any,
+    private ProjectService: TeacherProjectService,
+    private UtilService: UtilService
+  ) {
     this.$translate = $filter('translate');
   }
 
@@ -58,6 +63,10 @@ class WorkgroupItemController {
     return !this.hiddenComponents.includes(componentId);
   }
 
+  getComponentTypeLabel(componentType) {
+    return this.UtilService.getComponentTypeLabel(componentType);
+  }
+
   update() {
     switch (this.status) {
       case -1: