fix home table

src/App.css

 .headert_pwdu{
   background:var(--main);
   color:white !important;
+  font-weight:bold! important;
+}
+.bbottom{
+  margin:0 !important;
+  padding:0 !important;
+  border-top: 1px solid var(--bs-gray-200);
 }

src/Components/Home/Candidato.jsx

   let { asignaciones, candi } = user
 
   return (
-    <TableRow >
+    <TableRow className="bbottom">
       <TableCell
         style={{ borderRight: '1px solid #f1f1f1 !important' }}
         className="home_letter pwd_user_name pwd_info">

src/Components/Home/Candidatos.js

         <p className="titlie_main">HISTORIAL DE ACCESO DE CANDIDATOS</p>
       </div>
       <div className="content_historial">
-        <p>Últimos candidatos que han ingresado al sistema:</p>
         <div className="cabeceras">
-          <Row>
+          <Row className="cabeceras_row">
             <div className="col20 "><p>Contraseña</p></div>
-            <div className="col20 "><p></p> </div>
             <div className="col20 "><p>Usuarios</p> </div>
             <div className="col20 "><p>Asignaciones</p> </div>
           </Row>

src/Components/Password/Steps/MailTable.jsx

 import * as React from 'react';
 import {
   Table, TableBody, TableCell, TableContainer, TableHead,
-  TableRow, Paper, ButtonBase
+  TableRow, ButtonBase
 } from '@mui/material'
 
 import { DisabledByDefault } from '@mui/icons-material'

src/Css/all.css

     color: #25344f;
 }
 .cabeceras {
+  font-weight:bold;
     background: #f1f1f1;
     padding: 10px;
 }
+.cabeceras_row{
+  display: flex;
+  align-items: baseline;
+  justify-content: space-around;
+}
 .col20 {
     width: 20%;
     float: left;
     color: #25344f;
 }
 .data_candidato {
-  padding:2px;
-  border-bottom: 1px solid #f1f1f1;
+  /* padding:2px; */
+  /* border-top: 1px solid #f1f1f1; */
+  border-bottom: 1px solid var(--bs-border-color);
 }
 .data_candidato a:hover {
     color: #fd4b4b;