From 871e351bf63e915c8b33528524387e0f2d193436 Mon Sep 17 00:00:00 2001
From: Marine Heckler <marine.heckler@beta.gouv.fr>
Date: Mon, 9 Dec 2024 12:28:23 +0100
Subject: [PATCH] =?UTF-8?q?Corrige=20l'affichage=20des=20tags=20personnali?=
 =?UTF-8?q?s=C3=A9s?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../PlansActions/ExportPdf/FicheActionPdf/Description.tsx  | 2 +-
 .../FicheActionDescription/FicheActionDescription.tsx      | 7 +++++--
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/app.territoiresentransitions.react/src/app/pages/collectivite/PlansActions/ExportPdf/FicheActionPdf/Description.tsx b/app.territoiresentransitions.react/src/app/pages/collectivite/PlansActions/ExportPdf/FicheActionPdf/Description.tsx
index a2034785ee..ee8fd7fb29 100644
--- a/app.territoiresentransitions.react/src/app/pages/collectivite/PlansActions/ExportPdf/FicheActionPdf/Description.tsx
+++ b/app.territoiresentransitions.react/src/app/pages/collectivite/PlansActions/ExportPdf/FicheActionPdf/Description.tsx
@@ -29,7 +29,7 @@ const Description = ({ fiche }: FicheActionPdfProps) => {
             />
           ))}
           {libresTag?.map((tagPerso) => (
-            <Badge key={tagPerso.id} title={tagPerso.nom} state="grey" />
+            <Badge key={tagPerso.id} title={tagPerso.nom} state="default" />
           ))}
         </Stack>
       )}
diff --git a/app.territoiresentransitions.react/src/app/pages/collectivite/PlansActions/FicheAction/FicheActionDescription/FicheActionDescription.tsx b/app.territoiresentransitions.react/src/app/pages/collectivite/PlansActions/FicheAction/FicheActionDescription/FicheActionDescription.tsx
index 80f21cc055..c6cd7857cf 100644
--- a/app.territoiresentransitions.react/src/app/pages/collectivite/PlansActions/FicheAction/FicheActionDescription/FicheActionDescription.tsx
+++ b/app.territoiresentransitions.react/src/app/pages/collectivite/PlansActions/FicheAction/FicheActionDescription/FicheActionDescription.tsx
@@ -56,11 +56,14 @@ const FicheActionDescription = ({
     >
       <div
         className={classNames('flex justify-between items-start', {
-          'max-sm:-mb-4 -mb-8': !thematiques || !thematiques?.length,
+          'max-sm:-mb-4 -mb-8':
+            (!thematiques || !thematiques?.length) && !libresTag?.length,
         })}
       >
         {/* Liste des thématiques et sous-thématiques sous forme de badges */}
-        {(thematiques?.length || sousThematiques?.length) && (
+        {(thematiques?.length ||
+          sousThematiques?.length ||
+          libresTag?.length) && (
           <div className="flex flex-wrap gap-3">
             {thematiques?.map((thematique) => (
               <Badge