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

В одном из пунктов навбара необходимо выводить подменю. Добавляю в class="nav-link dropdown-toggle"

В результате получаю

Как выводить 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>