diff --git a/attendance/templates/attendance/attendance/validate_attendance.html b/attendance/templates/attendance/attendance/validate_attendance.html
index 70f8c09f5..854b82b3f 100644
--- a/attendance/templates/attendance/attendance/validate_attendance.html
+++ b/attendance/templates/attendance/attendance/validate_attendance.html
@@ -86,8 +86,8 @@
                   class="oh-sticky-table__tr"
                   draggable="false"
                   data-toggle="oh-modal-toggle"
-                  data-target="#detailAttendance"
-                  hx-target="#detailAttendanceModalBody"
+                  data-target="#objectDetailsModalW25"
+                  hx-target="#objectDetailsModalW25Target"
                   hx-get="{% url 'user-request-one-view' attendance.id %}?instances_ids={{attendances_ids}}"
                   >
                     <div class="oh-sticky-table__sd">
@@ -230,30 +230,6 @@
 </div>
 </div>
 
-<div
-  class="oh-modal"
-  id="detailAttendance"
-  role="dialog"
-  aria-labelledby="detailAttendance"
-  aria-hidden="true"
-  >
-    <div class="oh-modal__dialog">
-        <div class="oh-modal__dialog-header">
-            <h2
-              class="oh-modal__dialog-title"
-              style="margin-left: 30px"
-              id="addEmployeeModalLabel"
-              >
-              {% trans "Details" %}
-            </h2>
-            <button class="oh-modal__close" aria-label="Close">
-                <ion-icon name="close-outline"></ion-icon>
-            </button>
-        </div>
-        <div class="oh-modal__dialog-body oh-modal__dialog-body oh-modal__dialog-relative" id="detailAttendanceModalBody"></div>
-    </div>
-</div>
-
 {% if perms.attendance.change_attendance or request.user|is_reportingmanager %}
 <div
   class="oh-modal"
diff --git a/attendance/templates/attendance/dashboard/overtime_table.html b/attendance/templates/attendance/dashboard/overtime_table.html
index 1bd5df56f..d0140c111 100644
--- a/attendance/templates/attendance/dashboard/overtime_table.html
+++ b/attendance/templates/attendance/dashboard/overtime_table.html
@@ -35,8 +35,8 @@
                   class="oh-sticky-table__tr"
                   draggable="false"
                   data-toggle="oh-modal-toggle"
-                  data-target="#detailAttendance"
-                  hx-target="#detailAttendanceModalBody"
+                  data-target="#objectDetailsModalW25"
+                  hx-target="#objectDetailsModalW25Target"
                   hx-get="{% url 'user-request-one-view' attendance.id %}?ot=true&instances_ids={{ot_attendances_ids}}"
                   >
                     <div class="oh-sticky-table__sd">
diff --git a/attendance/templates/attendance/dashboard/to_validate_table.html b/attendance/templates/attendance/dashboard/to_validate_table.html
index eb1c22cb3..7f767bce4 100644
--- a/attendance/templates/attendance/dashboard/to_validate_table.html
+++ b/attendance/templates/attendance/dashboard/to_validate_table.html
@@ -71,8 +71,8 @@
                         class="oh-sticky-table__tr"
                         draggable="false"
                         data-toggle="oh-modal-toggle"
-                        data-target="#detailAttendance"
-                        hx-target="#detailAttendanceModalBody"
+                        data-target="#objectDetailsModalW25"
+                        hx-target="#objectDetailsModalW25Target"
                         hx-get="{% url 'user-request-one-view' attendance.id %}?validate=true&instances_ids={{validate_attendances_ids}}"
                         >
                             
diff --git a/attendance/templates/attendance/own_attendance/attendances.html b/attendance/templates/attendance/own_attendance/attendances.html
index d92ccfb0f..675547933 100644
--- a/attendance/templates/attendance/own_attendance/attendances.html
+++ b/attendance/templates/attendance/own_attendance/attendances.html
@@ -196,8 +196,8 @@
           class="oh-sticky-table__tr"
           draggable="false"
           data-toggle="oh-modal-toggle"
-          data-target="#detailAttendance"
-          hx-target="#detailAttendanceModalBody"     
+          data-target="#objectDetailsModalW25"
+          hx-target="#objectDetailsModalW25Target"     
           hx-get="{% url 'user-request-one-view' attendance.id %}?my_attendance=true&instances_ids={{attendances_ids}}"
         >
           <div
@@ -308,15 +308,6 @@
     </nav>
   </div>
 </div>
-<div
-  class="oh-modal"
-  id="detailAttendance"
-  role="dialog"
-  aria-labelledby="detailAttendance"
-  aria-hidden="true"
-  >
-  <div class="oh-modal__dialog w-25" id="detailAttendanceModalBody"></div>
-</div>
 
 <script>
   // toggle columns //
diff --git a/attendance/templates/requests/attendance/group_by.html b/attendance/templates/requests/attendance/group_by.html
index e49db2712..08c9bd3bd 100644
--- a/attendance/templates/requests/attendance/group_by.html
+++ b/attendance/templates/requests/attendance/group_by.html
@@ -369,8 +369,8 @@
 										class="oh-sticky-table__tr"
 										draggable="true"
 										data-toggle="oh-modal-toggle"
-										data-target="#detailAttendance"
-										hx-target="#detailAttendanceModalBody"
+										data-target="#objectDetailsModalW25"
+										hx-target="#objectDetailsModalW25Target"
 										hx-get="{% url 'user-request-one-view' attendance.id %}?all_attendance=true&instances_ids={{attendances_ids}}"
 									>
 										<div
@@ -568,28 +568,7 @@
 		</div>
 	</div>
 </div>
-<div
-	class="oh-modal"
-	id="detailAttendance"
-	role="dialog"
-	aria-labelledby="detailAttendance"
-	aria-hidden="true"
->
-	<div class="oh-modal__dialog">
-		<div class="oh-modal__dialog-header">
-			<h2 class="oh-modal__dialog-title" id="addEmployeeModalLabel">
-				{% trans "Details" %}
-			</h2>
-			<button class="oh-modal__close" aria-label="Close">
-				<ion-icon name="close-outline"></ion-icon>
-			</button>
-		</div>
-		<div
-			class="oh-modal__dialog-body oh-modal__dialog-body oh-modal__dialog-relative"
-			id="detailAttendanceModalBody"
-		></div>
-	</div>
-</div>
+
 <script>
 	$(".oh-table__sticky-collaspable-sort").click(function (e) {
 		e.preventDefault();
diff --git a/attendance/templates/requests/attendance/request_lines.html b/attendance/templates/requests/attendance/request_lines.html
index e317355fa..e5b158639 100644
--- a/attendance/templates/requests/attendance/request_lines.html
+++ b/attendance/templates/requests/attendance/request_lines.html
@@ -249,8 +249,8 @@
               {% for attendance in attendances %}
               <div class="oh-sticky-table__tbody">
                 <div class="oh-sticky-table__tr" draggable="true" data-toggle="oh-modal-toggle"
-                      data-target="#detailAttendance"
-                      hx-target="#detailAttendanceModalBody"     
+                      data-target="#objectDetailsModalW25"
+                      hx-target="#objectDetailsModalW25Target"     
                       hx-get="{% url 'user-request-one-view' attendance.id %}?all_attendance=true&instances_ids={{attendances_ids}}">
                   <div
                     class="oh-sticky-table__sd {% if attendance.attendance_validated %}row-status--yellow {% else %}row-status--purple{% endif %}"
@@ -384,15 +384,6 @@
     {% endif %} 
   </div>
     
-<div
-  class="oh-modal"
-  id="detailAttendance"
-  role="dialog"
-  aria-labelledby="detailAttendance"
-  aria-hidden="true"
-  >
-    <div class="oh-modal__dialog w-25"  id="detailAttendanceModalBody"></div>
-</div>
 
 
 <!-- start of comment modal -->