borderColor não aparece | React: desenvolvendo com JavaScript

borderColor não aparece

Boa tarde! Por alguma razão o borderColor no componente Time não aparece no meu App. Usando o inspect do Windows Edge ele até aparece ali, assim

<h3 style="border-color: rgb(87, 194, 120);">Programação</h3>

mas na visualização não

O componente Time está assim:

import './Time.css'

const Time = (props) => {
  const css = { backgroundColor: props.corSecundaria }

  return (
    <section className="time" style={css}>
      <h3 style={{ borderColor: props.corPrimaria }}>{props.nome}</h3>
    </section>
  );
}

export default Time

e ele no App.js está assim:

{times.map((time) => (
        <Time key={time.nome} nome={time.nome} corPrimaria={time.corPrimaria} corSecundaria={time.corSecundaria} />
      ))}

Obrigado pela ajuda!

PRORROGAMOS O DESCONTO!