I have a bootstrap navbar with a dropdown for the user menu that I am using in Laravel as a blade template.
Problem Statement
The issue I'm facing is that on some pages, the dropdown menu in the navbar has dimensions of 160x63.39px, while on other pages it's 160x49px, even though the source code remains the same across all pages.
Has anyone encountered similar issues or knows what could be causing this discrepancy?
Source Code
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<div class="container">
<a class="navbar-brand" href="http://127.0.0.1">Tool</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbar">
<ul class="navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link" href="http://127.0.0.1/dashboard">Dashboard</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="userDropdown" role="button" data-toggle="dropdown">Ticketsystem</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="http://127.0.0.1/tickets/new">Neues Ticket</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="http://127.0.0.1/tickets">Alle Tickets</a>
</div>
</li>
</ul>
<ul class="navbar-nav ml-auto">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="userDropdown" role="button" data-toggle="dropdown" aria-expanded="false">User</a>
<div class="dropdown-menu">
<form action="http://127.0.0.1/logout" method="post">
<input type="hidden" name="_token" value="#CSRF_TOKEN#">
<button type="submit" class="dropdown-item">Logout</button>
</form>
</div>
</li>
</ul>
</div>
</div>
</nav>