diff --git a/javascripts/discourse/components/group-alert.js b/javascripts/discourse/components/group-alert.js
index 05bea71..a689e7f 100644
--- a/javascripts/discourse/components/group-alert.js
+++ b/javascripts/discourse/components/group-alert.js
@@ -1,9 +1,9 @@
 import Component from "@ember/component";
+import { tagName } from "@ember-decorators/component";
 import discourseComputed from "discourse-common/utils/decorators";
 
-export default Component.extend({
-  tagName: "",
-
+@tagName("")
+export default class GroupAlert extends Component {
   @discourseComputed
   filteredBanners() {
     let parsedSetting = JSON.parse(settings.banner_wizard);
@@ -47,5 +47,5 @@ export default Component.extend({
     });
 
     return filteredBanners;
-  },
-});
+  }
+}