diff --git a/javascripts/discourse/components/user-card-static.js b/javascripts/discourse/components/user-card-static.js
index 83e5e24..b92fcc9 100644
--- a/javascripts/discourse/components/user-card-static.js
+++ b/javascripts/discourse/components/user-card-static.js
@@ -1,20 +1,20 @@
 import { action } from "@ember/object";
 import UserCardContents from "discourse/components/user-card-contents";
 
-export default UserCardContents.extend({
-  layoutName: "components/user-card-contents",
-  elementId: null,
+export default class UserCardStaticContents extends UserCardContents {
+  layoutName = "components/user-card-contents";
+  elementId = null;
   // Overriding functions which cause the user card to show/hide based on mouse/keyboard events:
-  cleanUp() {},
+  cleanUp() {}
   // eslint-disable-next-line ember/require-super-in-lifecycle-hooks
-  didInsertElement() {},
+  didInsertElement() {}
   // eslint-disable-next-line ember/require-super-in-lifecycle-hooks
-  willDestroyElement() {},
-  keyUp() {},
+  willDestroyElement() {}
+  keyUp() {}
 
   // need to override this to work with the loading slider
   @action
   handleShowUser() {
     return;
-  },
-});
+  }
+}