Checkbox Claro (para listagem de usuarios)

src/components/RedeCheckbox/RedeCheckbox.jsx

 import React from 'react';
-import styled from 'styled-components';
+import styled, { css } from 'styled-components';
 
 import COLOR from '../../utils/colors.constants';
 
@@ -17,8 +17,7 @@ const RedeCheckbox = styled(Checkbox)`
   text-align: center;
   align-items: center;
   justify-content: center;
-  border: 3px solid ${COLOR.AZUL};
-  border: 3px solid ${COLOR.BRANCO};
+  border: 3px solid ${(props) => (props.claro ? COLOR.BRANCO : COLOR.AZUL)};
 
   &:focus {
     outline: none;
@@ -26,8 +25,7 @@ const RedeCheckbox = styled(Checkbox)`
 
   &:checked {
     &:after {
-      color: ${COLOR.AZUL};
-      color: ${COLOR.BRANCO};
+      color: ${(props) => (props.claro ? COLOR.BRANCO : COLOR.AZUL)};
       position: absolute;
       content: '✔';
     }

src/pages/listagemUsuarios/listagemUsuarios.jsx

@@ -71,6 +71,7 @@ function ListagemUsuarios() {
                       id="mentores"
                       checked={checkMentor}
                       onChange={(evt) => setCheckMentor(evt.target.checked)}
+                      claro
                     />
                     {/* eslint-disable-next-line jsx-a11y/label-has-associated-control */}
                     <label htmlFor="mentores" style={{ marginLeft: '5px' }}>
@@ -82,6 +83,7 @@ function ListagemUsuarios() {
                       id="mentorados"
                       checked={checkMentorado}
                       onChange={(evt) => setCheckMentorado(evt.target.checked)}
+                      claro
                     />
                     {/* eslint-disable-next-line jsx-a11y/label-has-associated-control */}
                     <label htmlFor="mentorados" style={{ marginLeft: '5px' }}>

src/pages/mentorias/StyledComponents/CaminhoAp.jsx

@@ -5,7 +5,7 @@ const CaminhoAp = styled.div`
   justify-content: flex-start;
   align-self: stretch;
   margin-left: 250px;
-  margin-top:5px;
+  margin-top:0;
   padding-bottom: 10px;  
 
   @media only screen and (max-width: 768px) {