Bootstrap 4. dropdown-toggle съезжает под ссылку. Почему?

Question

[queid]

Есть ссылка с подменю для которой установлен dropdown-toggle. И он съезжает под ссылку, а не находится рядом с ней как должно быть (

<li class="nav-item dropdown">
                          <a class="nav-link dropdown-toggle" href="#" role="button" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><h5>Подменю</h5></a>
                          <div class="dropdown-menu border-0" aria-labelledby="navbarDropdownMenuLink">
                            <a class="dropdown-item" href="#"><h5>Пункт 1</h5></a>
                            <a class="dropdown-item" href="#"><h5>Пункт 2</h5></a>
                            <a class="dropdown-item" href="#"><h5>Пункт 3</h5></a>
                          </div>
                        </li>