Исправьте высоту моей кнопки входа в мою панель навигации

Я следил за этот пост принял ответ для вертикального выравнивания моих ссылок на панели навигации с моим логотипом.

Но моя ссылка для входа также соответствует вертикальному размеру и простирается до полных 50 пикселей высоты панели навигации:

Как я могу установить нормальную высоту для кнопки входа?

Спасибо.

HTML:

<!-- /navbar -->
<nav class="navbar navbar-static-top bg-faded">
    <button class="navbar-toggler hidden-sm-up" type="button" data-toggle="collapse" data-target="#navbar-header"
                        aria-controls="navbar-header">
                    &#9776;
                </button>
    <!-- Logo -->
    <a class="navbar-brand" href="/en/">
        <img class="img" height="50px" src="/static/images/logo.png"/>
    </a>
    <div class="collapse navbar-toggleable-xs" id="navbar-header">
        <ul class="nav navbar-nav">
            <!-- logged-in nav items -->
            <!-- <a class="nav-item nav-link " href="/en/product/">Product</a> -->
            <!-- <a class="nav-item nav-link " href="/en/pricing/">Pricing</a> -->
            <!-- <a class="nav-item nav-link " href="/en/clients/">Clients</a> -->
            <a class="nav-item nav-link " href="/en/about/">About Us</a>
        </ul>
        <!-- to designers: I am not sure about the 'float: right' style -->
        <ul class="nav navbar-nav" style="float: right">
            <!-- ... -->
            <a class="nav-item btn btn-primary" href="/en/accounts/login/">Sign In</a>
        </ul>
    </div>
</nav>

И CSS:

.navbar {
  background-color: white;
  border-bottom-color: lightgray;
  border-bottom-style: solid;
  border-bottom-width: thin;
}

.nav-item {
 line-height: 50px;
}