diff --git a/app/components/description-item.hbs b/app/components/description-item.hbs
deleted file mode 100644
index e869c62..0000000
--- a/app/components/description-item.hbs
+++ /dev/null
@@ -1,10 +0,0 @@
-<div class='py-5 sm:grid sm:grid-cols-3 sm:gap-4'>
-  <dt>{{@title}}</dt>
-  <dd class='sm:col-span-2'>
-    {{#if (has-block)}}
-      {{yield}}
-    {{else}}
-      {{@value}}
-    {{/if}}
-  </dd>
-</div>
diff --git a/app/templates/admin/indexes/item/info.hbs b/app/templates/admin/indexes/item/info.hbs
index 39f45b9..6cddeb9 100644
--- a/app/templates/admin/indexes/item/info.hbs
+++ b/app/templates/admin/indexes/item/info.hbs
@@ -1,21 +1,21 @@
 <Headers::H2 @title='Info' />
 
-<dl>
-  <DescriptionItem
-    @title='Number of documents'
-    @value={{@model.stats.numberOfDocuments}}
-  />
-  <DescriptionItem @title='Is indexing' @value={{@model.stats.isIndexing}} />
-  <DescriptionItem @title='Field distribution'>
-    <RoyalTable
-      @data={{obj-to-array @model.stats.fieldDistribution}}
-      class='w-full'
-      as |Row|
-    >
-      <Row as |Column|>
-        <Column @name='Field' @prop='key' />
-        <Column @name='Count' @prop='value' />
-      </Row>
-    </RoyalTable>
-  </DescriptionItem>
-</dl>
+<Form::Element
+  @label='Number of documents'
+  @value={{@model.stats.numberOfDocuments}}
+/>
+
+<Form::Element @label='Is indexing' @value={{@model.stats.isIndexing}} />
+
+<Form::Element @label='Field distribution'>
+  <RoyalTable
+    @data={{obj-to-array @model.stats.fieldDistribution}}
+    class='w-full'
+    as |Row|
+  >
+    <Row as |Column|>
+      <Column @name='Field' @prop='key' />
+      <Column @name='Count' @prop='value' />
+    </Row>
+  </RoyalTable>
+</Form::Element>
diff --git a/tests/integration/components/description-item-test.js b/tests/integration/components/description-item-test.js
deleted file mode 100644
index e238e74..0000000
--- a/tests/integration/components/description-item-test.js
+++ /dev/null
@@ -1,26 +0,0 @@
-import { module, test } from 'qunit';
-import { setupRenderingTest } from 'meiliadmin/tests/helpers';
-import { render } from '@ember/test-helpers';
-import { hbs } from 'ember-cli-htmlbars';
-
-module('Integration | Component | description-item', function (hooks) {
-  setupRenderingTest(hooks);
-
-  test('it renders', async function (assert) {
-    // Set any properties with this.set('myProperty', 'value');
-    // Handle any actions with this.set('myAction', function(val) { ... });
-
-    await render(hbs`<DescriptionItem />`);
-
-    assert.dom(this.element).hasText('');
-
-    // Template block usage:
-    await render(hbs`
-      <DescriptionItem>
-        template block text
-      </DescriptionItem>
-    `);
-
-    assert.dom(this.element).hasText('template block text');
-  });
-});