Trying to fix: Brackets showing in external links if text has escaped brackets

What I’m trying to do

I’m trying to fix the external link showing the “wrap brackets” when there are escaped brackets in the link text:

I managed to hide them, but I’d like to have them visible when the cursor is in the link (i.e., you see the url), and also it messes up the indenting if the link is wrapped to a second line in a list. The list wrapping issue seems to happen only when the note is active (i.e., when I open another program or click to a note open on the side, it looks fine), although I’m not 100% sure, because the behavior is a bit erratic. However, this is how it looks like:
list-issue

Things I have tried

What I currently have (and this hides the brackets effectively, but all the time when in live preview):

.is-live-preview span.cm-formatting.cm-formatting-link.cm-hmd-barelink {
  display: none
}

I’ve tried adding pseudo selectors to the end of this (like :not(:active) and :not(:focus)), but it didn’t work. I don’t really even know how to start fixing the issue with the list wrapping.

I have tried this with all community plugins disabled and all my snippets disabled (my theme is just colors, all other stuff is in snippets). It functions the same way.

Any help or pointing me to the right direction would be appreciated!