diff --git a/app/assets/javascripts/discourse/app/components/highlight-search.js b/app/assets/javascripts/discourse/app/components/highlight-search.js
index a7077a79c7a..55442f05cbf 100644
--- a/app/assets/javascripts/discourse/app/components/highlight-search.js
+++ b/app/assets/javascripts/discourse/app/components/highlight-search.js
@@ -1,13 +1,14 @@
 import Component from "@ember/component";
 import highlightSearch from "discourse/lib/highlight-search";
+import { observes, on } from "discourse-common/utils/decorators";
 
 export default Component.extend({
   tagName: "span",
 
+  @on("didInsertElement")
+  @observes("highlight")
   _highlightOnInsert: function() {
     const term = this.highlight;
     highlightSearch(this.element, term);
   }
-    .observes("highlight")
-    .on("didInsertElement")
 });