Fontsize error on IE but correct on Chrome

Hello, I have a weird situation....My custom visual on Chrome displays just fine, but on IE and Edge, the font size was changed....not sure why.  My font size was driven by a user typed filled in the object and default value is set to 55.  On Chrome displayed as we expected.  Anyone experiencing the same?

code behind for the viewmodel, although I don't think it was caused by my viewmodel:

     Mainmeasure: {
                    text: '(blank)',
                    attributes: [
                        {
                            key: 'x',
                            value: `${viewportWidth / 2}`
                        },
                        {
                            key: 'y',
                            value: `${viewportHeight * visualSettings.card.MainValueY / 100}`
                        },
                        {
                            key: 'text-anchor',
                            value: 'middle'
                        },
                        {
                            key: 'alignment-baseline',
                            value: 'middle'
                        }
                    ],
                    styles: [
                        {
                            key: 'font-size',
                            value: `${MainValue_FontSize}`
                        },
                        {
                            key: 'font-family',
                            value: 'Bebas Neue'
                        },
                        {
                            key: 'fill',
                            value: MainValue_FontColor
                        },
                        {
                            key: 'font-weight',
                            value: 'bold'
                        }
                    ]
                },

and in the visual.ts

.....
 viewModel.card.Mainmeasure.styles.map((s) => {
                this.MainValue.style(s.key, s.value);
            });
......