some fixes

src/App.css

 :root {
   --main: #fd4b4b;
   --second: #2ec5d3;
+  --gray: #f1f1f1;
 }
 
 .main{
 .pwd_info{
   border-right:1px solid #f1f1f1;
   display: grid;
-  justify-items:stretch;
-  align-items: center;
+  justify-items: stretch;
+  align-items: stretch;
 }
 .btn_pwd{
-  color:white !important;
-  background:var(--main) !important;
+  color: black !important;
+background: rgb(253,75,75) !important;
+background: none !important;
+  box-shadow: none !important;
 }
 
 .headert_pwdu{
 .bbottom{
   margin:0 !important;
   padding:0 !important;
-  border-top: 1px solid var(--bs-gray-200);
+  /* border-top: 1px solid var(--bs-gray-200); */
 }
 .cardmedia_puesto{
   background-color: var(--second);

src/Components/Home/Candidato.jsx

 
         <Col className="pwd_info pwd_name_candi" onClick={props.onClick} md="3" sm="12">
           <Button className="btn_pwd" variant="contained">
-            <u><p><b style={{ color: 'white' }}>{password?.toUpperCase()}</b></p></u>
+            <u><p><b>{password?.toUpperCase()}</b></p></u>
           </Button>
         </Col>
 

src/Components/Puestos/Card.jsx

                     Editar
                 </Button>
                 <Button size="small"
-                    onClick={() => props.toggle("DEL", plaza)} >
+                    onClick={() => console.log("eliminar plaza")} >
                     Eliminar
                 </Button>
             </CardActions>

src/Components/Puestos/ListMode.jsx

           </tbody>
           <tfoot>
             <tr>
-              <th className="text-center">Nombre de la plaza</th>
+              <th className="text-center">Nombre</th>
               <th className="text-center">Descripción</th>
-              <th className="text-center">Salario</th>
-              <th className="text-center">Acciones</th>
+              <th className="text-center">Creación</th>
+              <th className="text-center">Acción</th>
             </tr>
           </tfoot>
         </Table>

src/Components/Register/AuthLayout.js

 import PropTypes from 'prop-types';
 import { Link as RouterLink } from 'react-router-dom';
-// material
 import { styled } from '@mui/material/styles';
 import { Typography } from '@mui/material';
-// components
-import Logo  from '../../Images/logo.png'
+import Logo from '../../Images/evaluacion.jpeg'
 import Image from 'react-bootstrap/Image'
 // ----------------------------------------------------------------------
 
 const HeaderStyle = styled('header')(({ theme }) => ({
-    // top: 0,
-    // zIndex: 9,
-    // lineHeight: 0,
-    // width: '100%',
-    // display: 'flex',
-    // alignItems: 'center',
-    // position: 'absolute',
-    // padding: theme.spacing(3),
-    // justifyContent: 'space-between',
-    // [theme.breakpoints.up('md')]: {
-        // alignItems: 'flex-start',
-        // padding: theme.spacing(7, 5, 0, 7)
-    // }
 }));
 
 // ----------------------------------------------------------------------
 
 AuthLayout.propTypes = {
-    children: PropTypes.node
+  children: PropTypes.node
 };
 
 export default function AuthLayout({ children }) {
-    return (
-        <HeaderStyle>
-            <RouterLink to="/">
-                <Image style={{ width : '70%'}} fluid={true} alt="register logo" src={Logo}/>
-            </RouterLink>
+  return (
+    <HeaderStyle>
+      <RouterLink to="/">
+        <Image style={{ width: '85%' }} fluid={true} alt="register logo" src={Logo} />
+      </RouterLink>
 
-            <div>
-                <Typography
-                    variant="body2"
-                    sx={{
-                        mt: { md: -2 }
-                    }}
-                >
-                    {children}
-                </Typography>
-            </div>
-        </HeaderStyle>
-    );
+      <div>
+        <Typography
+          variant="body2"
+          sx={{
+            mt: { md: -2 }
+          }}
+        >
+          {children}
+        </Typography>
+      </div>
+    </HeaderStyle>
+  );
 }

src/Css/all.css

     margin-bottom: 24px;
 }
 .body-table {
-    /* padding: 40px; */
-    padding: 15px;
+  padding: 15px;
+  border-radius: 2px;
     /* background: #24344d; */
-    border-radius: 2px;
-    box-shadow: 0 1px 2px rgba(0,0,0,.15), 0 -1px 0 rgba(0,0,0,.02); 
+    /* box-shadow: 0 1px 2px rgba(0,0,0,.15), 0 -1px 0 rgba(0,0,0,.02);  */
 }
 .body-table-responsive {
     font-size:13px;
     font-weight: bold;
     border-left: none!important;
     border-right: none!important;
-    border-bottom: 1px solid #2e3f5b!important;
-    border-top: 1px solid #2e3f5b!important;
+    border-bottom: 1px solid var(--gray) !important;
+    border-top: 1px solid var(--gray) !important;
     /* color: rgba(225,235,245,.8); */
 }
 .body-table tr {

src/Pages/Register.jsx

   Box, Link, Container, Typography, Card,
   StepLabel, Step, Stepper, Button, Paper, StepContent
 } from '@mui/material';
-import jwt_decode from "jwt-decode";
+// import jwt_decode from "jwt-decode";
 
 import { RegisterForm } from '../Components/Register/RegisterForm';
 import { PersonalInfo } from '../Components/Register/PersonalInfo';
 
   React.useEffect(() => {
     if (auth.token) {
-      let body_token = jwt_decode(auth.token);
-      if (body_token.authorities.includes("Reclutador")) {
-        return navigate('/dashboard/home')
-      }
+      // let body_token = jwt_decode(auth.token);
+      // if (body_token.authorities.includes("Reclutador")) {
+      return navigate('/dashboard/home')
+      // }
     }
   }, [auth, navigate])