Why aren't ::after and ::pseudo aligned with main element?

Question

I\'m trying to create a simple burger menu using pseudo elements. However, I\'ve came across two issues:

1. ::before and ::after are a little bit offsetted to t