openlayers: Problem with width of text label

I’m using OpenLayers v6.1.1 and for some reason, from time to time, after a few refreshes of the page, the background of the text label gets the wrong height. It should look like this: but finally, it will become: which is wrong.

Here is a piece of code I’m using to generate this style:

style = new ol.style.Style({
	image: new ol.style.Icon({
		anchor: [0.5, 46],
		anchorXUnits: 'fraction',
		anchorYUnits: 'pixels',
		src: icon
	}),
});
if (SOME_CONDITION) {
	style.setText(new ol.style.Text({
		font: 'bold 11px Arial, Helvetica, sans-serif',
		fill : new ol.style.Fill({
			color : 'white',
		}),
		backgroundFill: new ol.style.Fill({
			color : highlighted ? 'rgba(250, 44, 47, 0.8)' : 'rgba(119, 118, 115, 0.8)'
		}),
		padding: [2, 2, 2, 2],
		text: name,
		offsetY: -5
	}));
}

layer = new ol.layer.Vector({
    source: my_source
    style: getFeatureStyle() //above code is used insode of this function to set the style for all features on this layer
});

Is this a bug or I’m doing something wrong?