Add circle to navigational bar

want to add a yellow dot using css to my navigation bar. basically when you hover a little yellow dot appears to the left of the active link.

.circle:before {
width: 20px;
height: 20px;
border-radius: 12px;
border: 1.5px solid #000;
color: white;
line-height: 20px;
text-align: center;
background: #FFFF00;

https://lawthatworks.com/site/services/

Sobe Theme