Why isn't a space rendered in my <p> tag?

.about-div_lastfm {
  font-size: 1rem;
  display: flex;
  align-items: baseline;
  padding-right: 1rem;
  line-height: 1.2;
  font-weight: 100;
}

<div className="about-div_lastfm fade-in">
  <p className="actualmente-escuchando">Listening now to</p>
  <p className="artista">
    {" "}{songName} <span className="actualmente-escuchando">by</span>{' '}
    <a href={urlPath} target="_blank">{artistName}</a>
    <img
            className="img-nowPlaying"
            src={gif}
            alt="Ahora sonando, do do do..."
          />
  </p>
</div>