diff --git a/orga/app/components/organization-learner/activity/empty-state.gjs b/orga/app/components/organization-learner/activity/empty-state.gjs
new file mode 100644
index 00000000000..96648d064c4
--- /dev/null
+++ b/orga/app/components/organization-learner/activity/empty-state.gjs
@@ -0,0 +1,16 @@
+import { t } from 'ember-intl';
+import capitalize from 'lodash/capitalize';
+
+<template>
+  <section class="panel empty-state">
+    <img src="{{this.rootURL}}/images/empty-state-activity.svg" alt="" role="none" />
+
+    <div class="empty-state__text">
+      <p>{{t
+          "pages.organization-learner.activity.empty-state"
+          organizationLearnerFirstName=(capitalize @firstName)
+          organizationLearnerLastName=(capitalize @lastName)
+        }}</p>
+    </div>
+  </section>
+</template>
diff --git a/orga/app/components/organization-learner/activity/empty-state.hbs b/orga/app/components/organization-learner/activity/empty-state.hbs
deleted file mode 100644
index c564051949a..00000000000
--- a/orga/app/components/organization-learner/activity/empty-state.hbs
+++ /dev/null
@@ -1,11 +0,0 @@
-<section class="panel empty-state">
-  <img src="{{this.rootURL}}/images/empty-state-activity.svg" alt="" role="none" />
-
-  <div class="empty-state__text">
-    <p>{{t
-        "pages.organization-learner.activity.empty-state"
-        organizationLearnerFirstName=this.firstName
-        organizationLearnerLastName=this.lastName
-      }}</p>
-  </div>
-</section>
\ No newline at end of file
diff --git a/orga/app/components/organization-learner/activity/empty-state.js b/orga/app/components/organization-learner/activity/empty-state.js
deleted file mode 100644
index d9c9ca358d4..00000000000
--- a/orga/app/components/organization-learner/activity/empty-state.js
+++ /dev/null
@@ -1,14 +0,0 @@
-import Component from '@glimmer/component';
-import capitalize from 'lodash/capitalize';
-
-export default class EmptyState extends Component {
-  get firstName() {
-    const { firstName } = this.args;
-    return capitalize(firstName);
-  }
-
-  get lastName() {
-    const { lastName } = this.args;
-    return capitalize(lastName);
-  }
-}