I am struggling with adjusting the list style in my bootstrap navbar. Whenever I click on the highlight button, it squeezes my navbar and I'm not sure how to fix it.
<div id="links">
<a href="index.html">Home</a>
<a href="profile.html">About me</a>
<a class="dropdown-toggle" id="dropdownMenuLink" data-bs-toggle="dropdown" aria-expanded="false">
Highlights
</a>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuLink" style="background: gray; z-index: 100;">
<li><a class="dropdown-item" href="#">Basics</a></li>
<li><a class="dropdown-item" href="#">Fundamentals</a></li>
<li><a class="dropdown-item" href="#">Core statistics</a></li>
</ul>
<a href="contacts.html">Contact</a>
<a id="login" href="login.html">Login</a>
</div>