[Bug] Cor de fundo do card não está aplicando

Não estou conseguindo identificar o problema, pois não tem erro nenhum no console. A cor de fundo do card "Colaborador" não aplica! Verifiquei a lista de cores, e não tem problema algum por lá, inclusive o tema de fundo de cada time funciona bem, apenas no card não aplica.

Aqui está o index.js do componente Colaborador:

import "./Colaborador.css";

const Colaborador = ({ imagem, nome, cargo, corCard }) => {
  return (
    <div className="colaborador">
      <div className="cabecalho" style={{ backgroundColor: corCard }}>
        <img src={imagem} alt={nome} />
      </div>

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

export default Colaborador;

Aqui está o index.js do componente Times:

import Colaborador from "../Colaborador";
import "./Times.css";

const Times = (props) => {
  const css = { backgroundColor: props.corFundo };

  return props.colaboradores.length > 0 ? (
    <section className="times" style={css}>
      <h3 style={{ borderColor: props.corCard }}>{props.nome}</h3>
      <div className="colaboradores">
        {props.colaboradores.map((colaborador) => (
          <Colaborador
            corCard={props.corPrimaria}
            key={colaborador.nome}
            nome={colaborador.nome}
            cargo={colaborador.cargo}
            imagem={colaborador.imagem}
          />
        ))}
      </div>
    </section>
  ) : (
    ""
  );
};

export default Times;

Aqui está o bloco de renderização do componente App:

return (
    <div className="App">
      <Banner />
      <Formulario
        times={times.map((time) => time.nome)}
        aoColaboradorCadastrado={(colaborador) =>
          aoNovoColaboradorAdc(colaborador)
        }
      />
      {times.map((time) => (
        <Times
          key={time.nome}
          nome={time.nome}
          corCard={time.corPrimaria}
          corFundo={time.corSecundaria}
          colaboradores={colaboradores.filter(
            (colaborador) => colaborador.time === time.nome
          )}
        />
      ))}
    </div>
  );