fixed styles

app/Components/BitacoraSanciones/BitacoraEquipo.tsx

@@ -51,57 +51,59 @@ function BitacoraEquipo({ date }: { date: string | null }) {
   return (
     <>
       <label>Seleccione un equipo</label>
+      <div className="containerForm">
 
-      <div className="groupInput">
-        <div
-          className={`customSelect ${open ? "open" : ""} ${loadingEquipos ? "disabled" : ""}`}
-        >
+        <div className="groupInput">
           <div
-            className={`selectHeader ${equipoSeleccionado && equipoSeleccionado.plataforma?.nombre?.toUpperCase()}`}
-            onClick={() => !loadingEquipos && setOpen(!open)}
+            className={`customSelect ${open ? "open" : ""} ${loadingEquipos ? "disabled" : ""}`}
           >
-            {equipoSeleccionado ? (
-              <span
-              >
-                {equipoSeleccionado.ubicacion}{" "}
-                {equipoSeleccionado.nombre_equipo}
-              </span>
-            ) : (
-              <span className="placeholder">
-                {loadingEquipos
-                  ? "Cargando equipos..."
-                  : "Seleccione un equipo"}
-              </span>
-            )}
-
-            <span className="arrow">{open ? "▲" : "▼"}</span>
-          </div>
-
-          {open && (
-            <div className="options" style={{ bottom: "auto" }}>
-              {equipos.length === 0 && (
-                <div className="option disabled">
-                  No hay equipos disponibles
-                </div>
+            <div
+              className={`selectHeader ${equipoSeleccionado && equipoSeleccionado.plataforma?.nombre?.toUpperCase()}`}
+              onClick={() => !loadingEquipos && setOpen(!open)}
+            >
+              {equipoSeleccionado ? (
+                <span
+                >
+                  {equipoSeleccionado.ubicacion}{" "}
+                  {equipoSeleccionado.nombre_equipo}
+                </span>
+              ) : (
+                <span className="placeholder">
+                  {loadingEquipos
+                    ? "Cargando equipos..."
+                    : "Seleccione un equipo"}
+                </span>
               )}
 
-              {equipos.map((eq) => (
-                <div
-                  key={eq.id_equipo}
-                  className={`option ${eq.plataforma?.nombre?.toUpperCase()}`}
-                  onClick={() => {
-                    setEquipoSeleccionado(eq);
-                    setOpen(false);
-                  }}
-                >
-                  {eq.ubicacion} {eq.nombre_equipo}
-                </div>
-              ))}
+              <span className="arrow">{open ? "▲" : "▼"}</span>
             </div>
-          )}
+
+            {open && (
+              <div className="options" style={{ bottom: "auto" }}>
+                {equipos.length === 0 && (
+                  <div className="option disabled">
+                    No hay equipos disponibles
+                  </div>
+                )}
+
+                {equipos.map((eq) => (
+                  <div
+                    key={eq.id_equipo}
+                    className={`option ${eq.plataforma?.nombre?.toUpperCase()}`}
+                    onClick={() => {
+                      setEquipoSeleccionado(eq);
+                      setOpen(false);
+                    }}
+                  >
+                    {eq.ubicacion} {eq.nombre_equipo}
+                  </div>
+                ))}
+              </div>
+            )}
+          </div>
         </div>
+        <SearchDate />
       </div>
-      <SearchDate />
       <div>
         <table>
           <thead>

app/Components/BitacoraSanciones/TableSanction.tsx

@@ -14,7 +14,7 @@ export default function TableSanction({ alumnoSanciones, alumno }: Props) {
     };
 
     return (
-        <div style={{ margin: "1rem 0" }}>
+        <div style={{ margin: "1rem 0", maxWidth:"730px"}}>
             <table>
                 <thead>
                     <tr>

app/Components/QuitarSancion/QuitarSancion.tsx

@@ -38,7 +38,7 @@ function QuitarSancion({ id_cuenta }: { id_cuenta: number }) {
 
   return (
     <section className="containerSection">
-        <TableSanction alumnoSanciones={alumnoSanciones} alumno={alumno} />
+      <TableSanction alumnoSanciones={alumnoSanciones} alumno={alumno} />
       {(alumnoSanciones?.length > 0) &&
         <button
           className="button buttonSearch"

app/Components/Selection/Selection.css

@@ -4,6 +4,7 @@
   justify-content: center;
   align-items: center;
   flex-wrap: wrap;
+  margin-bottom: 1rem;
 }
 
 .selectionItem {