diff --git a/scripts/apps/authoring/authoring/directives/ArticleEditDirective.ts b/scripts/apps/authoring/authoring/directives/ArticleEditDirective.ts
index 0798f30a7c..50c62aaa91 100644
--- a/scripts/apps/authoring/authoring/directives/ArticleEditDirective.ts
+++ b/scripts/apps/authoring/authoring/directives/ArticleEditDirective.ts
@@ -167,6 +167,19 @@ export function ArticleEditDirective(
                     }
                 }
 
+                // Needed only for authoring Angular. In authoring react we have a generic
+                // event ('resource:updated') which listens to all item changes.
+                scope.$on('author_approval:updated', (_event, extra) => {
+                    if (extra.item_id === scope.item?._id) {
+                        if (scope.item.extra == null) {
+                            scope.item.extra = {};
+                        }
+
+                        scope.item.extra.publish_sign_off = extra.new_sign_off;
+                        scope.$apply();
+                    }
+                });
+
                 scope.$watch('item.language', () => {
                     scope.monthNames = getMonthNamesShort(scope.item.language ?? appConfig.default_language)
                         .map((label, i) => ({id: i.toString(), label: label}));
diff --git a/scripts/apps/authoring/authoring/directives/AuthoringContainerDirective.ts b/scripts/apps/authoring/authoring/directives/AuthoringContainerDirective.ts
index 862da84e03..f043125efc 100644
--- a/scripts/apps/authoring/authoring/directives/AuthoringContainerDirective.ts
+++ b/scripts/apps/authoring/authoring/directives/AuthoringContainerDirective.ts
@@ -32,14 +32,6 @@ export function AuthoringContainerDirective(authoringWorkspace: AuthoringWorkspa
         scope: {},
         require: 'sdAuthoringContainer',
         link: function(scope, elem, attrs, ctrl) {
-            // Needed only for authoring Angular. In authoring react we have a generic
-            // event ('resource:updated') which listens to all item changes.
-            scope.$on('author_approval:updated', (event) => {
-                if (event.item_id === scope.item._id) {
-                    scope.item.extra.publish_sign_off = event.sign_off_new_data;
-                }
-            });
-
             scope.$watch(authoringWorkspace.getState, (state) => {
                 if (state) {
                     if (itemInEditMode != null) {