[Bug] Background [Bug]

Boa tarde, o background dos times não está aparecendo, eu já procurei onde esta o erro, mas não consigo achar

=> Time/ index.js import Colaborador from '../Colaborador' import './Time.css'

const Time = (props) => {

const css = { backgroundColor: props.corSecundaria }

return(
    (props.colaboradores.length > 0) && <section className='time' style={css}>
        <h3 style={{ borderColor: props.corPrimaria }} >{props.nome}</h3> 
        <div className='colaboradores'>
            {props.colaboradores.map( 
                colaborador => <Colaborador 
                corDeFundo={props.corPrimaria}
                key={colaborador.nome}
                nome={colaborador.nome} 
                cargo={colaborador.cargo} 
                imagem={colaborador.imagem}
            />)}
        </div>

    </section> 
)

}

export default Time

=> Colaborador/index.js import './Colaborador.css'

const Colaborador= ({nome, imagem, cargo, corDeFundo }) => { return(

<div className='cabecalho' style={{backgroundColor: corDeFundo }}>

        <div className='rodape'>
            <h4>{nome}</h4>
            <h5>{cargo}</h5>
        </div>
    </div>
)

} export default Colaborador