How do to add padding to a Bootstrap badge?

I have the following code to add badges:

@foreach (var item in items){<span class="badge badge-secondary badge-larger">@item.Name</span>}

And the following css:

.badge.badge-larger {    padding-right: 5px;    font-size: 0.9em;}

The size is being applied. However I can't seem to add padding to the right.

What is the correct way to add padding to badges?