Nudge Hamburger Icon Higher on Mobile

https://pineapple-saxophone-jrkr.squarespace.com/

password: tunika

Hi! I have a custom "dot" hamburger icon. However, I would love to nudge it a little higher up by a pixel or two. Is there a way to do this? Below is the code I'm currently using for the custom icon: 

.burger-box:after {
content: "•";
text-align: right;
font-size: 100px;
color: #EE6C70;
display: block !important;
}

.burger-box {
  width: 20px !important;
  height: 40px !important;
}

.burger-box div {
display: none;
}

@Ziggy thank you <3333

2 minutes ago, kaydotjpg said:

@Ziggy thank you <3333

NP, thanks for marking as the solution and thumbs up!