diff --git a/extensions/approval/js/src/forum/index.js b/extensions/approval/js/src/forum/index.js
index 5034e0a60..c398f3aa4 100644
--- a/extensions/approval/js/src/forum/index.js
+++ b/extensions/approval/js/src/forum/index.js
@@ -21,20 +21,20 @@ app.initializers.add('flarum-approval', () => {
   Post.prototype.isApproved = Post.attribute('isApproved');
   Post.prototype.canApprove = Post.attribute('canApprove');
 
-  extend(DiscussionListItem.prototype, 'attrs', function(attrs) {
-    if (!this.props.discussion.isApproved()) {
+  extend(DiscussionListItem.prototype, 'elementAttrs', function(attrs) {
+    if (!this.attrs.discussion.isApproved()) {
       attrs.className += ' DiscussionListItem--unapproved';
     }
   });
 
-  extend(PostComponent.prototype, 'attrs', function(attrs) {
-    if (!this.props.post.isApproved()) {
+  extend(PostComponent.prototype, 'elementAttrs', function(attrs) {
+    if (!this.attrs.post.isApproved()) {
       attrs.className += ' Post--unapproved';
     }
   });
 
   extend(CommentPost.prototype, 'headerItems', function(items) {
-    if (!this.props.post.isApproved() && !this.props.post.isHidden()) {
+    if (!this.attrs.post.isApproved() && !this.attrs.post.isHidden()) {
       items.add('unapproved', app.translator.trans('flarum-approval.forum.post.awaiting_approval_text'));
     }
   });