Before command without custom code

Hi,

i will create a circle before my navigation button and do this with this custom code.
Is there another way directly in webflow to do this without custom code.
i used an svg graphic as a background image, but the problem is the position when i scale the site.

.main_nav_section > div.active > div:before {
content: “”;
width: .7em;
height: .7em;
background-color: red;
display: inline-block;
margin-right: 8px;
margin-bottom: 1px;
border-radius: 100%;

you can probably give the link:active a background image, with the SVG aligned to left (even with some negative margin).