Menu bar icon problem

Hi everyone. Can someone have a quick look at my site and help me remove the extra line coming down the menu or resize the menu item itself.?

Here’s a pic of what i mean/want:
https://i1045.photobucket.com/albums/b455/lalalo1/changesneeded_zpsb157af9a.png

Here’s the website:
https://tinyurl.com/pyvyqp7

The first two menu icons are svg’s, the 3rd one “test” is a normal navigation label, which works perfectly. This seems like it would be an easy fix but i don’t know much about coding.

I was messing with this, i changed it from -1 to -18 to accommodate the svg’s.

#main-menu {
bottom: -18px;
}

—

Any suggestions are appreciated!

Thanks!