Make the navigation menu's button's border smaller


My website is

I am trying to make the “kontakt’s” button bottom border smaller so it matches the the length of the top border.

It looks like this now:

I want for it to look like this:

I tried using padding-bottom but nothing changed.

How do I make the bottom border smaller?

Hello there,

I hope you are doing well today.

You can use the following CSS code to edit the effect by going to Appearance > Customize > Additional CSS and pasting it there.

/*Menu hover effect*/
.main-navigation .menu li a {
    height: 18px;
    padding: 2px;

Best Regards,

Thank you very much!