This originates from COMPASS-907, where small percentages for a given type were incorrectly displayed (fixed by COMPASS-907). The remaining work is to make those outliers more visible by adding a minimum width to the type bars so no matter how small they are they are always displayed.

The best approach to do this might be to use a Flexbox to lay out the bars next to each other instead of a CSS width property with percentages.

With the flexbox layout, it should be possible to specify a min width of an item, without having to result to rounding of the actual percentages, which is not trivial.