diff --git a/app/assets/javascripts/discourse/app/components/user-summary-section.gjs b/app/assets/javascripts/discourse/app/components/user-summary-section.gjs
new file mode 100644
index 00000000000..6f9c903eac3
--- /dev/null
+++ b/app/assets/javascripts/discourse/app/components/user-summary-section.gjs
@@ -0,0 +1,11 @@
+import { concat } from "@ember/helper";
+import i18n from "discourse-common/helpers/i18n";
+
+const UserSummarySection = <template>
+  <div class="top-sub-section" ...attributes>
+    <h3 class="stats-title">{{i18n (concat "user.summary." @title)}}</h3>
+    {{yield}}
+  </div>
+</template>;
+
+export default UserSummarySection;
diff --git a/app/assets/javascripts/discourse/app/components/user-summary-section.hbs b/app/assets/javascripts/discourse/app/components/user-summary-section.hbs
deleted file mode 100644
index 958fc4e0e32..00000000000
--- a/app/assets/javascripts/discourse/app/components/user-summary-section.hbs
+++ /dev/null
@@ -1,2 +0,0 @@
-<h3 class="stats-title">{{i18n (concat "user.summary." @title)}}</h3>
-{{yield}}
\ No newline at end of file
diff --git a/app/assets/javascripts/discourse/app/components/user-summary-section.js b/app/assets/javascripts/discourse/app/components/user-summary-section.js
deleted file mode 100644
index 70b362c8576..00000000000
--- a/app/assets/javascripts/discourse/app/components/user-summary-section.js
+++ /dev/null
@@ -1,4 +0,0 @@
-import Component from "@ember/component";
-export default Component.extend({
-  classNames: ["top-sub-section"],
-});