diff --git a/packages/code-du-travail-frontend/src/modules/home/Components/HomeCard.tsx b/packages/code-du-travail-frontend/src/modules/home/Components/HomeCard.tsx
index 5ca020d8d3..56ed0922cb 100644
--- a/packages/code-du-travail-frontend/src/modules/home/Components/HomeCard.tsx
+++ b/packages/code-du-travail-frontend/src/modules/home/Components/HomeCard.tsx
@@ -1,6 +1,5 @@
 import { fr } from "@codegouvfr/react-dsfr";
 import { Card } from "@codegouvfr/react-dsfr/Card";
-import { Tag } from "@codegouvfr/react-dsfr/Tag";
 
 export type HomeCardProps = {
   theme: string;
@@ -16,7 +15,7 @@ export const HomeCard = ({
   link,
 }: HomeCardProps) => (
   <Card
-    start={<Tag small>{theme}</Tag>}
+    start={<p className={fr.cx("fr-tag", "fr-tag--sm")}>{theme}</p>}
     border
     desc={description}
     horizontal
@@ -27,7 +26,7 @@ export const HomeCard = ({
     title={title}
     titleAs="h3"
     enlargeLink
-    end={<span>Consulter</span>}
+    end={<p className={fr.cx("fr-m-0", "fr-text--xs")}>Consulter</p>}
     classes={{
       start: fr.cx("fr-mb-2w"),
       end: fr.cx("fr-text--xs"),
diff --git a/packages/code-du-travail-frontend/src/modules/home/__tests__/__snapshots__/index.test.tsx.snap b/packages/code-du-travail-frontend/src/modules/home/__tests__/__snapshots__/index.test.tsx.snap
index ad4a057f47..2777e624df 100644
--- a/packages/code-du-travail-frontend/src/modules/home/__tests__/__snapshots__/index.test.tsx.snap
+++ b/packages/code-du-travail-frontend/src/modules/home/__tests__/__snapshots__/index.test.tsx.snap
@@ -155,19 +155,20 @@ exports[`<Home /> should match snapshot 1`] = `
                     <div
                       class="fr-card__start fr-mb-2w"
                     >
-                      <span
+                      <p
                         class="fr-tag fr-tag--sm"
-                        id="fr-tag-:r3:"
                       >
                         light
-                      </span>
+                      </p>
                     </div>
                     <div
                       class="fr-card__end fr-text--xs"
                     >
-                      <span>
+                      <p
+                        class="fr-m-0 fr-text--xs"
+                      >
                         Consulter
-                      </span>
+                      </p>
                     </div>
                   </div>
                 </div>
@@ -199,7 +200,7 @@ exports[`<Home /> should match snapshot 1`] = `
             >
               <div
                 class="fr-tile fr-enlarge-link fr-tile--vertical"
-                id="fr-tile-:r4:"
+                id="fr-tile-:r3:"
               >
                 <div
                   class="fr-tile__body"
@@ -247,7 +248,7 @@ exports[`<Home /> should match snapshot 1`] = `
             <a
               class="fr-btn fr-btn--secondary fr-btn--lg fr-icon-arrow-right-line fr-btn--icon-right"
               href="/outils"
-              id="fr-button-:r5:"
+              id="fr-button-:r4:"
             >
               Voir tous les outils
             </a>
@@ -276,7 +277,7 @@ exports[`<Home /> should match snapshot 1`] = `
             >
               <div
                 class="fr-card fr-enlarge-link fr-card--horizontal"
-                id="fr-card-:r6:"
+                id="fr-card-:r5:"
               >
                 <div
                   class="fr-card__body"
@@ -302,19 +303,20 @@ exports[`<Home /> should match snapshot 1`] = `
                     <div
                       class="fr-card__start fr-mb-2w"
                     >
-                      <span
+                      <p
                         class="fr-tag fr-tag--sm"
-                        id="fr-tag-:r7:"
                       >
                         dark
-                      </span>
+                      </p>
                     </div>
                     <div
                       class="fr-card__end fr-text--xs"
                     >
-                      <span>
+                      <p
+                        class="fr-m-0 fr-text--xs"
+                      >
                         Consulter
-                      </span>
+                      </p>
                     </div>
                   </div>
                 </div>
@@ -327,7 +329,7 @@ exports[`<Home /> should match snapshot 1`] = `
             <a
               class="fr-btn fr-btn--secondary fr-btn--lg fr-icon-arrow-right-line fr-btn--icon-right"
               href="/modeles-de-courriers"
-              id="fr-button-:r8:"
+              id="fr-button-:r6:"
             >
               Voir tous les modèles de documents
             </a>
@@ -356,7 +358,7 @@ exports[`<Home /> should match snapshot 1`] = `
             >
               <div
                 class="fr-card fr-enlarge-link fr-card--horizontal"
-                id="fr-card-:r9:"
+                id="fr-card-:r7:"
               >
                 <div
                   class="fr-card__body"
@@ -382,19 +384,20 @@ exports[`<Home /> should match snapshot 1`] = `
                     <div
                       class="fr-card__start fr-mb-2w"
                     >
-                      <span
+                      <p
                         class="fr-tag fr-tag--sm"
-                        id="fr-tag-:ra:"
                       >
                         light
-                      </span>
+                      </p>
                     </div>
                     <div
                       class="fr-card__end fr-text--xs"
                     >
-                      <span>
+                      <p
+                        class="fr-m-0 fr-text--xs"
+                      >
                         Consulter
-                      </span>
+                      </p>
                     </div>
                   </div>
                 </div>
@@ -407,7 +410,7 @@ exports[`<Home /> should match snapshot 1`] = `
             <a
               class="fr-btn fr-btn--secondary fr-btn--lg fr-icon-arrow-right-line fr-btn--icon-right"
               href="/contribution"
-              id="fr-button-:rb:"
+              id="fr-button-:r8:"
             >
               Voir toutes les fiches pratiques
             </a>
@@ -437,7 +440,7 @@ exports[`<Home /> should match snapshot 1`] = `
             >
               <div
                 class="fr-card fr-enlarge-link fr-card--horizontal"
-                id="fr-card-:rc:"
+                id="fr-card-:r9:"
               >
                 <div
                   class="fr-card__body"
@@ -463,19 +466,20 @@ exports[`<Home /> should match snapshot 1`] = `
                     <div
                       class="fr-card__start fr-mb-2w"
                     >
-                      <span
+                      <p
                         class="fr-tag fr-tag--sm"
-                        id="fr-tag-:rd:"
                       >
                         dark
-                      </span>
+                      </p>
                     </div>
                     <div
                       class="fr-card__end fr-text--xs"
                     >
-                      <span>
+                      <p
+                        class="fr-m-0 fr-text--xs"
+                      >
                         Consulter
-                      </span>
+                      </p>
                     </div>
                   </div>
                 </div>
@@ -488,7 +492,7 @@ exports[`<Home /> should match snapshot 1`] = `
             <a
               class="fr-btn fr-btn--secondary fr-btn--lg fr-icon-arrow-right-line fr-btn--icon-right"
               href="/convention-collective"
-              id="fr-button-:re:"
+              id="fr-button-:ra:"
             >
               Voir toutes les conventions collectives
             </a>
@@ -532,7 +536,7 @@ exports[`<Home /> should match snapshot 1`] = `
             >
               <div
                 class="fr-tile fr-enlarge-link fr-tile--vertical fr-tile--no-icon fr-tile--sm"
-                id="fr-tile-:rf:"
+                id="fr-tile-:rb:"
               >
                 <div
                   class="fr-tile__body"
@@ -581,7 +585,7 @@ exports[`<Home /> should match snapshot 1`] = `
             <a
               class="fr-btn fr-btn--secondary fr-btn--lg fr-icon-arrow-right-line fr-btn--icon-right"
               href="/themes"
-              id="fr-button-:rg:"
+              id="fr-button-:rc:"
             >
               Voir tous les thèmes
             </a>