CSS for Tag Metadata

Things I have tried

Hi All, I’m looking to understand if its possible to include tag metadata as part of the tag pill in a CSS snippet. The image below shows an example where I have a #project tag and the key::value metadata linked to that tag inline. This structure plays well in dataview, but after searching the forums I haven’t been able to find a way to clean it up with CSS. Looking at the inspector, it seems its outside of the span for the tag, not sure if there’s a fix here?

What I’m trying to do

What I'm hoping for is some way of collapsing the key::value metadata into the same tag pill as the parent #project tag.

Anyone have any suggestions? Much appreciated!