How to have the same spacing in preview source and preview?

Custom CSS & Theme Design
1

What I’m trying to do

I’m trying to have the same spacing, using padding, on headings both on reading and live preview modes.

Things I have tried

The following snippet, only works for the live preview but not on reading view.

.markdown-source-view.mod-cm6 .HyperMD-header { 
	padding-bottom: 0.5rem; 
	}
2

that snippet does not work in reading view as you are targeting .markdown-source-view and .HyperMD-header.