Pseudo element creating horizontal scroll

I’m trying to add some pseudo elements to a page but it is causing horizontal scrolling.

I’ve added a class to a Section with the following Custom CSS you can see in the screenshot.
The ::before position is set to absolute and root set to relative so this shouldn’t be happening right?

image

What do I need to change so that the pseudo element doesn’t effect the page width?

Thanks