diff --git a/app/Components/AsignacionMesas.tsx b/app/Components/AsignacionMesas.tsx
index b87282a..c45239b 100644
--- a/app/Components/AsignacionMesas.tsx
+++ b/app/Components/AsignacionMesas.tsx
@@ -1,6 +1,6 @@
 "use client";
 import axios from "axios";
-import { SetStateAction, useEffect, useState } from "react";
+import { useEffect, useState } from "react";
 import { envConfig } from "../lib/config";
 
 interface mesas {
diff --git a/app/Components/ProgramList.tsx b/app/Components/ProgramList.tsx
deleted file mode 100644
index e69de29..0000000
diff --git a/app/Components/Reportes/porRecibo.tsx b/app/Components/Reportes/porRecibo.tsx
index 39da5a2..42b63d3 100644
--- a/app/Components/Reportes/porRecibo.tsx
+++ b/app/Components/Reportes/porRecibo.tsx
@@ -11,7 +11,7 @@ interface Recibo {
   fecha_registro: string;
   monto: string;
   user: {
-    nombre: string;
+    usuario: string;
   };
 }
 
@@ -72,7 +72,7 @@ function PorRecibos({ desde, hasta }: Props) {
           <tbody>
             {!loading && recibos.length === 0 && (
               <tr>
-                <td colSpan={2}>No hay recibos en este rango</td>
+                <td colSpan={5}>No hay recibos en este rango</td>
               </tr>
             )}
 
@@ -82,7 +82,7 @@ function PorRecibos({ desde, hasta }: Props) {
                 <td>${Number(recibo.monto).toFixed(2)}</td>
                 <td>{recibo.fecha_recibo}</td>
                 <td>{recibo.fecha_registro}</td>
-                <td>{recibo.user.nombre}</td>
+                <td>{recibo.user.usuario}</td>
               </tr>
             ))}
           </tbody>
diff --git a/app/Components/SearchDateBetween/SearchDate.css b/app/Components/SearchDateBetween/SearchDate.css
new file mode 100644
index 0000000..d11a641
--- /dev/null
+++ b/app/Components/SearchDateBetween/SearchDate.css
@@ -0,0 +1,11 @@
+.containerDate{
+    gap: 10px;
+    width: 100%;
+    max-width: 100%;
+}
+.alingDate{
+    display: flex;
+    justify-content: flex-start;
+    gap: 10px;
+    
+}
\ No newline at end of file
diff --git a/app/Components/SearchDateBetween/SearchDateBetween.tsx b/app/Components/SearchDateBetween/SearchDateBetween.tsx
index 3ccbba4..7b28e30 100644
--- a/app/Components/SearchDateBetween/SearchDateBetween.tsx
+++ b/app/Components/SearchDateBetween/SearchDateBetween.tsx
@@ -1,14 +1,15 @@
-'use client';
+"use client";
 
-import { useState } from 'react';
+import { useState } from "react";
 
+import "./SearchDate.css";
 interface Props {
   onSearch: (desde: string, hasta: string) => void;
 }
 
 function SearchDateBetween({ onSearch }: Props) {
-  const [startDate, setStartDate] = useState('');
-  const [endDate, setEndDate] = useState('');
+  const [startDate, setStartDate] = useState("");
+  const [endDate, setEndDate] = useState("");
 
   const handleSubmit = (e: React.FormEvent<HTMLFormElement>) => {
     e.preventDefault();
@@ -17,26 +18,37 @@ function SearchDateBetween({ onSearch }: Props) {
   };
 
   return (
-    <form className="containerForm" onSubmit={handleSubmit}>
-      <label className="label">Desde</label>
-      <div className="groupInput">
-        <input
-          type="date"
-          value={startDate}
-          onChange={(e) => setStartDate(e.target.value)}
-        />
+    <form className="containerForm containerDate" onSubmit={handleSubmit}>
+      <div className="alingDate">
+        <div className="">
+          <label className="label">Desde</label>
+          <div className="groupInput">
+            <input
+              type="date"
+              value={startDate}
+              onChange={(e) => setStartDate(e.target.value)}
+            />
+          </div>
+        </div>
+
+        <div>
+          <label className="label">Hasta</label>
+
+          <div className="groupInput">
+            <input
+              type="date"
+              value={endDate}
+              onChange={(e) => setEndDate(e.target.value)}
+            />
+          </div>
+        </div>
       </div>
 
-      <label className="label">Hasta</label>
-      <div className="groupInput">
-        <input
-          type="date"
-          value={endDate}
-          onChange={(e) => setEndDate(e.target.value)}
-        />
-      </div>
-
-      <button className="button buttonSearch" type="submit" style={{marginBottom:"10px"}}>
+      <button
+        className="button buttonSearch"
+        type="submit"
+        style={{ marginBottom: "10px" }}
+      >
         Buscar
       </button>
     </form>
diff --git a/app/Components/SelectAreas.tsx b/app/Components/SelectAreas.tsx
index 85b3521..49fe688 100644
--- a/app/Components/SelectAreas.tsx
+++ b/app/Components/SelectAreas.tsx
@@ -44,3 +44,4 @@ export default function SelectAreas(props: proms) {
     </div>
   );
 }
+//IO
\ No newline at end of file
diff --git a/tsconfig.json b/tsconfig.json
index e7ff3a2..74f6560 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -15,7 +15,7 @@
     "moduleResolution": "bundler",
     "resolveJsonModule": true,
     "isolatedModules": true,
-    "jsx": "react-jsx",
+    "jsx": "preserve",
     "incremental": true,
     "plugins": [
       {