diff --git a/app/BitacoraSanciones/Page.module.css b/app/BitacoraSanciones/Page.module.css
index 8f3544d..ae6dba5 100644
--- a/app/BitacoraSanciones/Page.module.css
+++ b/app/BitacoraSanciones/Page.module.css
@@ -1,71 +1,71 @@
 .tableContainer {
-    margin-top: 10px;
-    overflow-y: auto;
-    overflow-x: auto;
-    border-radius: 4px;
-    border: 1px solid #cfcfcf;
-    max-height: 430px;
-    scrollbar-color: rgb(1, 92, 184) rgba(0, 0, 0, 0);
-    background-color: #f9f9f9;
-    width: 100%;
+  margin-top: 10px;
+  overflow-y: auto;
+  overflow-x: auto;
+  border-radius: 4px;
+  border: 1px solid #cfcfcf;
+  max-height: 430px;
+  scrollbar-color: rgb(1, 92, 184) rgba(0, 0, 0, 0);
+  background-color: #f9f9f9;
+  width: 100%;
 }
 
 .machineTable {
-    width: 100%;
-    border-collapse: collapse;
-    table-layout: auto;
+  width: 100%;
+  border-collapse: collapse;
+  table-layout: auto;
+  margin-top: 1rem;
 }
 
 .machineTable th,
 .machineTable td {
-    padding: 10px;
-    text-align: center;
-    border-bottom: 1px solid #cfcfcf;
-    word-wrap: break-word;
-    overflow-wrap: break-word;
+  padding: 10px;
+  text-align: center;
+  border-bottom: 1px solid #cfcfcf;
+  word-wrap: break-word;
+  overflow-wrap: break-word;
 }
 
 .machineTable th {
-    position: sticky;
-    top: 0px;
-    background-color: rgb(1, 92, 184);
-    color: white;
+  position: sticky;
+  top: 0px;
+  background-color: rgb(1, 92, 184);
+  color: white;
 }
 
 .machineTable tr {
-    min-width: 400px;
+  min-width: 400px;
 }
 
 .disponible {
-    display: flex;
-    width: 100%;
-    height: 100%;
-    background-color: green;
-    color: green;
-    font-weight: bold;
+  display: flex;
+  width: 100%;
+  height: 100%;
+  background-color: green;
+  color: green;
+  font-weight: bold;
 }
 
 .ocupado {
-    color: red;
-    font-weight: bold;
+  color: red;
+  font-weight: bold;
 }
 
-
 .actions {
-    text-align: center;
+  text-align: center;
 }
 
 .resetButton {
-    padding: 8px 16px;
-    background-color: #ff4d4d;
-    color: white;
-    border: none;
-    border-radius: 6px;
-    cursor: pointer;
-    font-weight: bold;
-    transition: 0.3s;
+  padding: 8px 16px;
+  background-color: #ff4d4d;
+  color: white;
+  border: none;
+  border-radius: 6px;
+  cursor: pointer;
+  font-weight: bold;
+  transition: 0.3s;
 }
 
 .resetButton:hover {
-    background-color: #cc0000;
-}
\ No newline at end of file
+  background-color: #cc0000;
+}
diff --git a/app/Components/SearchDateBetween/SearchDateBetween.tsx b/app/Components/SearchDateBetween/SearchDateBetween.tsx
index 5d16860..4145493 100644
--- a/app/Components/SearchDateBetween/SearchDateBetween.tsx
+++ b/app/Components/SearchDateBetween/SearchDateBetween.tsx
@@ -35,9 +35,9 @@ function SearchDateBetween() {
           />
         </div>
         <button
-          className="button buttonSearch"
+          className="button buttonSearch "
           type="submit"
-          style={{ margin: "1rem 0" }}
+          style={{ margin: "1rem 0 " }}
         >
           Buscar
         </button>
diff --git a/app/QuitarSancion/Page.module.css b/app/QuitarSancion/Page.module.css
index 7b884cc..6d44e3e 100644
--- a/app/QuitarSancion/Page.module.css
+++ b/app/QuitarSancion/Page.module.css
@@ -7,13 +7,14 @@
   max-height: 430px;
   scrollbar-color: rgb(1, 92, 184) rgba(0, 0, 0, 0);
   background-color: #f9f9f9;
-  width: 100%;
+  width: 65%;
 }
 
 .machineTable {
   width: 100%;
   border-collapse: collapse;
   table-layout: auto;
+  margin-bottom: 1rem;
 }
 
 .machineTable th,
diff --git a/app/Recibo/page.tsx b/app/Recibo/page.tsx
index 15e2c46..b2918c5 100644
--- a/app/Recibo/page.tsx
+++ b/app/Recibo/page.tsx
@@ -24,7 +24,7 @@ export default function Page() {
 
   return (
     <section className="containerSection">
-      <h2 className="title"> RECIBO </h2>
+      <h2 className="title"> REPORTES </h2>
 
       <Toggle
         defaultView="1"
@@ -34,8 +34,8 @@ export default function Page() {
             label: "Por recibo",
             content: (
               <>
-                <SearchDateBetween />
                 <div className={styles.tableContainer}>
+                  <SearchDateBetween />
                   <table className={styles.machineTable}>
                     <thead>
                       <tr>
@@ -68,8 +68,8 @@ export default function Page() {
             label: "Por Servicio",
             content: (
               <>
-                <SearchDateBetween />
                 <div className={styles.tableContainer}>
+                  <SearchDateBetween />
                   <table className={styles.machineTable}>
                     <thead>
                       <tr>