diff --git a/Vue/Ajaxbaremelettrecle/detailactes.php b/Vue/Ajaxbaremelettrecle/detailactes.php
index 4f69ebbc..b27138fc 100644
--- a/Vue/Ajaxbaremelettrecle/detailactes.php
+++ b/Vue/Ajaxbaremelettrecle/detailactes.php
@@ -6,10 +6,14 @@
     <div class="modal-content shadow-lg border-0">
         <div class="modal-header bg-light border-bottom-0 py-3">
             <h5 class="modal-title d-flex align-items-center fw-bold">
-                <span class="badge bg-primary me-2 px-3 py-2"><?= $lettreCle ?></span>
-                <span class="text-dark small text-uppercase"><?= _("Détail des actes impactés") ?></span>
+                <span class="badge bg-light me-2 px-3 py-2"><?= $lettreCle ?></span>
+                <span class="text-light small text-uppercase"><?= _("Détail des actes impactés") ?></span>
             </h5>
-            <button type="button" class="btn-close shadow-none" data-bs-dismiss="modal" aria-label="Close"></button>
+            <button type="button" class="btn p-2 border-0 shadow-none d-flex align-items-center justify-content-center" 
+                    data-bs-dismiss="modal" aria-label="Close" 
+                    style="background: transparent; transition: transform 0.2s ease;">
+                <i class="fas fa-times text-white fs-4"></i>
+            </button>
         </div>
         
         <div class="modal-body p-4">