Bottom border for headers

[marcinkunert]

First of all thanks for this awesome editor. This is already the 3rd I'm trying out, best so far.

I've tried to add bottom borders to the h1 and h2 elements inside the editor:

So I've checked, they have

<div class="cm-line"><span class="ͼ14 ͼ1i">#</span><span class="ͼ14"> Header 1</span></div>
<div class="cm-line"><span class="ͼ15 ͼ1i">##</span><span class="ͼ15"> Header 2</span></div>
<div class="cm-line"><span class="ͼ16 ͼ1i">###</span><span class="ͼ16"> Header 3</span></div>

So there is the css I've come up with:

.cm-line:has(.ͼ14), .cm-line:has(.ͼ15) {
  padding-bottom: .3em;
  border-bottom: 1px solid #eaecef;
}

Afterward I've noticed that after deploying the code the class name changed:

<div class="cm-line"><span class="ͼl ͼy">##</span><span class="ͼl"> Header 1</span></div>

Is there a way to add the bottom borders?