The spacing in Review mode is off and the "tab" indent doesn't reflect in the review mode

What I’m trying to do

I am trying to find a way how to have the same spacing in both editing and review modes. it is terrible to use the review mode when the heading spacing is so off

I am trying to find a way how to have the same spacing in both editing and review modes. it is terrible to use the review mode when the heading spacing is so off, all I want is to make them look the same so that I can have the same viewing experince in editing and review mode. I need to use the review mode for reading school notes, but with spacing this crazy, it is just unusable.

Things I have tried

I have tried to use some of the CSS snippets and it did nothing, so either I am doing sometjogm wrong, or it isn’t the way.

so I would be very glad for any help with this.