Cannot apply styling to paginate-links

[PascalGit1]

I cant get my paginate-links to display inline. I tried creating a new class and adding it to it and also apply css to all the ul and li elements but it seems it keeps getting overwritten by the default user agent stylesheet

vue

<div class='test'> <label>test</label>
    <paginate-links class='test' :step-links="{next: 'Next >', prev: 'Previous'}" for="UnitDRE" :limit="3" :show-step-links="true"></paginate-links>
</div>

Css

ul {
  list-style-type: none;
  padding: 0;
  display: inline;
  color:red!important;
}

li {
  display: inline;
  color:red!important;
}

.test * {
  display: inline;
  color:red!important;
}

The text in the label tag changes but anything in the paginate-links does not change.

[PascalGit1]

Managed to fix the issue, turns out it has to be added to the root app.css file or the css called from your app.vue .