Slot nav-bar-content-after style issue

[zeMinng]

I m using the nav-bar-content-after slot in expanding the default theme but there is a style issue asking for help.
I want my login to have the same line between the dark mode and the link. I want to use the before in vitepress.
I found that the code in the slot is not processed by vue and there is no data-v-xxx between rows, so it cannot be implemented using before in vite press.

code:
.menu + .translations[data-v-cf6e7c5e]::before, .menu + .appearance[data-v-cf6e7c5e]::before, .menu + .social-links[data-v-cf6e7c5e]::before, .translations + .appearance[data-v-cf6e7c5e]::before, .appearance + .social-links[data-v-cf6e7c5e]::before