diff --git a/auditoria.php b/auditoria.php
index f91ac30..aec8de1 100644
--- a/auditoria.php
+++ b/auditoria.php
@@ -262,15 +262,20 @@
                             :class="{ 'table-warning': registro.reposicion_id }">
                             <td class="text-center align-middle px-2">{{ registro.registro_fecha_ideal }}
                             </td>
-                            <td class="text-center align-middle px-2">{{ registro.salon }}</td>
-                            <td class="align-middle px-2">
-                                <strong>{{ registro.profesor_clave }}</strong>
-                                {{ registro.profesor_nombre }}
-                                <button type="button" class="ml-3 btn btn-sm btn-outline-primary"
-                                    @click="store.current.clase_vista = registro; detalle.obtener_detalle(registro.horario_id, registro.profesor_id, registro.registro_fecha_ideal)"
-                                    data-toggle="modal" data-target="#ver-detalle">
-                                    <i class="ing-ojo"></i> detalle
-                                </button>
+                            <td class="text-center align-middle px-2">{{
+                                `${registro.salon?.slice(0,15)}${registro.salon?.length > 15 ? '...' : ''}` }}</td>
+                            <td class="align-middle px-2 d-flex justify-content-center">
+                                <div class="w-75 d-flex justify-content-between" style="font-size: 1.2rem">
+                                    <span>
+                                        <strong>{{ registro.profesor_clave }}</strong>
+                                        {{ registro.profesor_nombre }}
+                                    </span>
+                                    <a class="ml-3 text-info" style="cursor: pointer; font-size: 1.5rem;"
+                                        @click="store.current.clase_vista = registro; detalle.obtener_detalle(registro.horario_id, registro.profesor_id, registro.registro_fecha_ideal)"
+                                        data-toggle="modal" data-target="#ver-detalle">
+                                        <i class="ing-ojo"></i>
+                                    </a>
+                                </div>
                             </td>
 
 
@@ -315,7 +320,7 @@
                                         <strong class="badge border border-primary">Observaciones:</strong>
                                         <small class="text-truncate">{{`${registro.comentario?.slice(0,25)}
                                             ${registro.comentario.length
-                                            > 10 ? '...' : ''}`}}</small>
+                                            > 25 ? '...' : ''}`}}</small>
                                     </div>
                                 </div>
                             </td>
@@ -392,6 +397,11 @@
             <div class="modal-dialog modal-dialog-centered modal-xl" v-if="clase_vista">
                 <div class="modal-content">
                     <div class="modal-body detalle">
+                        <nav style="cursor: pointer;" class="modal-close pe-auto"
+                            @click="$('#ver-detalle').modal('hide');">
+                            <i class="ing-cancelar text-danger"></i>
+                        </nav>
+
                         <section class="profesor">
                             <img class="profesor-icon" src="fonts/svg/portrait.svg" alt="profesor">
                             <div>
@@ -431,7 +441,8 @@
                             </div>
                             <div class="pp-card" style="grid-row: span 8">
                                 <div class="bg-primary text-white">{{clase_vista.carrera}}</div>
-                                <main class="horario_clase d-flex flex-column justify-content-center px-4" style="gap: .5rem;">
+                                <main class="horario_clase d-flex flex-column justify-content-center px-4"
+                                    style="gap: .5rem;">
                                     <span class="materia_nombre">{{clase_vista.materia}}</span>
                                     <span class="horario text-dark mb-2">
                                         <section class="la-salle-regular">
diff --git a/css/auditoria-ux.css b/css/auditoria-ux.css
index a52b6f8..8431448 100644
--- a/css/auditoria-ux.css
+++ b/css/auditoria-ux.css
@@ -38,7 +38,8 @@
     fill: #001d68;
 }
 
-.profesor-nombre, .materia_nombre {
+.profesor-nombre,
+.materia_nombre {
     font-size: 1.5rem;
     font-weight: 900;
     font-family: 'La Salle Display Regular';
@@ -81,16 +82,19 @@
     background-color: #969696;
 }
 
-.detalle > main {
+.detalle>main {
     display: grid;
     gap: 2rem;
     grid-template-columns: repeat(2, 1fr);
 }
 
 /* Media query for mobile devices */
-@media (max-width: 768px) { /* Adjust the max-width as needed for your target screen size */
-    .detalle > main {
-        grid-template-columns: 1fr; /* Single column */
+@media (max-width: 768px) {
+
+    /* Adjust the max-width as needed for your target screen size */
+    .detalle>main {
+        grid-template-columns: 1fr;
+        /* Single column */
     }
 }
 
@@ -111,7 +115,7 @@
     padding: 1rem;
 }
 
-.pp-card > div {
+.pp-card>div {
     border-start-start-radius: 1rem;
     border-start-end-radius: 1rem;
     padding-inline: 1.5rem;
@@ -155,12 +159,12 @@
     display: flex;
     justify-content: center;
     flex-direction: column;
-    
+
     .supervisor_nombre {
         font-size: 1.5rem;
         font-weight: bolder;
     }
-    
+
     .supervisor_hora {
         font-size: 1rem;
         color: #3f3f3f;
@@ -173,12 +177,19 @@
     grid-template-columns: 1fr 1fr;
 }
 
+.modal-close {
+    position: absolute;
+    top: 0;
+    right: 0;
+    margin: 2rem;
+}
+
 .facultad {
-    font-family: 'La Salle Display Heavy';
+    font-family: 'La Salle Display Regular';
     font-size: 1.4rem;
     color: #969696;
     position: absolute;
     bottom: 0;
     right: 0;
-    margin: 1rem;
+    margin: 2rem;
 }
\ No newline at end of file