Меню кендо Выровнять вертикально по центру

Question

Я пытаюсь выровнять текст меню кендо по центру в соответствии с div, который он содержит. Это navbar в приложении aurelia, и он всегда в топе. Я хочу, чтобы центр выровнял это. Если я сделаю верхнее поле, то помеха будет нарушена. Вот то, что у меня сейчас, высота в соответствии с навигационной панелью. Однако текст меню не выровнен по центру. Любая помощь приветствуется!

.k-widget.k-menu,
.k-menu .k-group .k-popup .k-separator
{
    border:0px;



}
.k-item .k-link
{
    display: inline-block; 
    height:50px;
    vertical-align: center;
    color: white;  

}

.k-group .k-item
{
    height:30px;

}
.k-widget.k-menu-horizontal > .k-item{
   border-right: none;
}
.k-state-hover:hover
{

    background-color:rgba(0, 0, 0, 0.1);
}
.k-group .k-state-hover:hover 
{        
    background-color:rgba(0, 0, 0, 0.1);
}