Weird behavior on Facebook 2

[loia5tqd001]

Expected Behavior

Here is the screenshot of Facebook's About section without the extension: (the sentence 新增個人簡介，讓大家更瞭解你。 is on the same line)

Actual Behavior

Here is the screenshot after installing the extension (the sentence is broken into multiple lines undesirably):

Cause

I've found out the reason is that before replacing text, the element div._b5a has the flex-column styles:

<div class="_b5a" style="text-align: center; opacity: 0.7;">新增個
+<mark class="wkh-hl" style="background-color: rgb(255, 0, 0); color: inherit;">
人
+</mark>
簡介，讓
+<mark class="wkh-hl" style="background-color: rgb(255, 0, 0); color: inherit;">
大
+</mark>
家更瞭解你。
</div>

._b5a {
    display: flex;
    flex-direction: column;
}

Without the mark Elements, flex-column is fine, but with marks inside, the sentence will spread vertically like above.