diff --git a/ghost/admin/lib/koenig-editor/addon/components/koenig-card-hr.hbs b/ghost/admin/lib/koenig-editor/addon/components/koenig-card-hr.hbs
index e5d53512d1..b126f9fe2c 100644
--- a/ghost/admin/lib/koenig-editor/addon/components/koenig-card-hr.hbs
+++ b/ghost/admin/lib/koenig-editor/addon/components/koenig-card-hr.hbs
@@ -1,12 +1,12 @@
 <KoenigCard
     @class="kg-card-hover"
-    @isSelected={{this.isSelected}}
-    @isEditing={{this.isEditing}}
-    @selectCard={{action this.selectCard}}
-    @deselectCard={{action this.deselectCard}}
-    @editCard={{action this.editCard}}
+    @isSelected={{@isSelected}}
+    @isEditing={{@isEditing}}
+    @selectCard={{@selectCard}}
+    @deselectCard={{@deselectCard}}
+    @editCard={{@editCard}}
     @hasEditMode={{false}}
-    @editor={{this.editor}}
+    @editor={{@editor}}
 >
     <hr>
 </KoenigCard>
\ No newline at end of file
diff --git a/ghost/admin/lib/koenig-editor/addon/components/koenig-card-hr.js b/ghost/admin/lib/koenig-editor/addon/components/koenig-card-hr.js
index 24566a35d9..832c1665fb 100644
--- a/ghost/admin/lib/koenig-editor/addon/components/koenig-card-hr.js
+++ b/ghost/admin/lib/koenig-editor/addon/components/koenig-card-hr.js
@@ -1,15 +1,8 @@
-import Component from '@ember/component';
+import Component from '@glimmer/component';
 
-export default Component.extend({
-    tagName: '',
-
-    // closure actions
-    selectCard() {},
-    deselectCard() {},
-    registerComponent() {},
-
-    init() {
-        this._super(...arguments);
-        this.registerComponent(this);
+export default class KoenigCardHrComponent extends Component {
+    constructor() {
+        super(...arguments);
+        this.args.registerComponent(this);
     }
-});
+}