diff --git a/lib/content-services/src/lib/content-metadata/components/content-metadata/content-metadata.component.ts b/lib/content-services/src/lib/content-metadata/components/content-metadata/content-metadata.component.ts
index 112fc135c7..9a40ed1a4d 100644
--- a/lib/content-services/src/lib/content-metadata/components/content-metadata/content-metadata.component.ts
+++ b/lib/content-services/src/lib/content-metadata/components/content-metadata/content-metadata.component.ts
@@ -208,12 +208,19 @@ export class ContentMetadataComponent implements OnChanges, OnInit, OnDestroy {
     @Output()
     editableCategoriesChange = new EventEmitter<boolean>();
 
+    /** Emitted when content's group state is changed. **/
+    @Output()
+    groupChange = new EventEmitter<CardViewGroup>();
+
     @Input()
     editableCategories = false;
 
     @Input()
     editableTags = false;
 
+    @Input()
+    group: CardViewGroup;
+
     private _assignedTags: string[] = [];
     private assignedTagsEntries: TagEntry[] = [];
     private _editable = false;
@@ -241,7 +248,6 @@ export class ContentMetadataComponent implements OnChanges, OnInit, OnDestroy {
     hasAllowableOperations = false;
     editableGroup: CardViewGroup;
     buttonType = ButtonType;
-    group: CardViewGroup;
 
     constructor(
         private contentMetadataService: ContentMetadataService,
@@ -462,6 +468,7 @@ export class ContentMetadataComponent implements OnChanges, OnInit, OnDestroy {
                 break;
             case ButtonType.Group:
                 group.editable = !group.editable;
+                this.groupChange.emit(group);
                 this.editableGroup = group.editable ? group : null;
                 if (group.editable) {
                     group.expanded = true;