Document in App and in Browser Look Different (is this a bug)

[blods]

I'm wondering of this is a bug but it's been extremely frustrating and perhaps someone has a suggestion

I have a style I apply to section header - as visible below, where its says section 1 is document information. This at least is how it appears from within MS Word.
When the same document is opened in the web pages of O365 - then the NUMBER section at the start loses the purple background - and so because it's then white text on a white background - just looks like an indent (see bottom screen shot).
Does anyone have any suggestions - or know if this is a known issue?

[#2]

@blods:

In Word Online, you will have to choose the reading view for the document to look properly. The editing view is often not what-you-see-is-what-you-get.

[#3]

I have the same problem. Did you find a solution? @blods