your dropdown appears too high because top: 100% positions it right below the .nav-link and not full navbar.try to apply this change over there.

.dropdown-menu-horizontal { top: calc(100% + 10px); /* Push it 10px below the navbar */ }