HTML Element <hr> not rendering properly.

[enesx44]

In my Angular App im creating a pricelist for a customer.
Everything worked perfectly fine untill i wanted to add a divider seperating the product categories.
I created a divider following this tutorial: https://www.w3schools.com/howto/howto_css_dividers.asp and added it into my html.

on localhost it looks like this:

but in the svg like this:

dont wanna leak the texts here so i can only show this little bit, but you can easily replicate this i think.