Pills don't render correctly

In our blog, we want to display the tags for each blogpost as pill.

I implemented this with the following code:

<span class="funkwhale pill is-secondary">
  <a class="pill-content" href="{{ SITEURL }}/{{ article.category.url }}" rel="bookmark" title="Permalink to {{ article.category|striptags }}">
    {{ article.category }}
  </a>
</span>

Which results in the following:

From what I can tell, it would work if we remove white-space: pre from .pill-content, but I am not aware of the side effects. @wvffle Any reason not to remove this?