diff --git a/ui/src/components/empleados/cardEmpleado.vue b/ui/src/components/empleados/cardEmpleado.vue
index b931c53..a3a2997 100644
--- a/ui/src/components/empleados/cardEmpleado.vue
+++ b/ui/src/components/empleados/cardEmpleado.vue
@@ -47,9 +47,11 @@
   </div>
 </template>
 
-<script setup>
+
+<script setup lang="ts">
+import { PropType } from 'vue'
+import { useRouter } from 'vue-router'
 import { useUi } from '../../stores/useUi.js';
-import { useEmpleadosStore } from '../../stores/useEmpleados'; // Ensure correct path
 
 const ui = useUi();
 const emit = defineEmits(['edit']);
diff --git a/ui/src/stores/useUi.js b/ui/src/stores/useUi.js
index 6ee9397..410c15a 100644
--- a/ui/src/stores/useUi.js
+++ b/ui/src/stores/useUi.js
@@ -33,6 +33,7 @@ const appearanceSettingKeys = [
   'defaultViewConfiguracion',
   'transitionSpeed',
   'backgroundColorChat',
+
 ]
 
 const loadSettingsFromLocalStorage = () => {
diff --git a/ui/src/views/empleados/EmpleadoForm.vue b/ui/src/views/empleados/EmpleadoForm.vue
index 53f4c31..72b86c9 100644
--- a/ui/src/views/empleados/EmpleadoForm.vue
+++ b/ui/src/views/empleados/EmpleadoForm.vue
@@ -7,6 +7,7 @@
     <form
       @submit.prevent="handleSubmit"
       class="max-w-lg mx-auto p-8 rounded-lg shadow-lg empleado-actual-form"
+
     >
       <!-- ───────── Nombre ───────── -->
       <div class="mb-6">