Progress bar text is wonky when <3% and in .card

Created by: jacroe

When a progress bar is included within a card and its value is less than 3%, the text becomes stacked with the number above the percentage sign. https://jsfiddle.net/gseffeqr/

This is occuring in Chrome, Firefox, and Edge.