Trying to create a footer with four columns that contain anchor tags using Bootstrap 4.4 nav classes. The columns are set up correctly but there is too much vertical padding between each nav item. I've attempted to adjust this without success. As shown in the attached image, there is excessive space between items in all four footer columns. Any solutions to this problem?
<footer class="border-top footer text-muted" style="background-color: darkblue" >
<div class="container" style="background-color: darkblue">
<div class="row">
<div class="col-sm" style="background-color: darkblue">
<h4 style="color: white; font-weight: bold;">Company</h4>
<ul class="nav flex-column">
<li class="nav-item p-0">
<a class="nav-link text-light" asp-area="" asp-page="/Privacy">Privacy Policy</a>
</li>
<li class="nav-item p-0">
<a class="nav-link text-light" asp-area="" asp-page="/Terms">Terms of Use</a>
</li>
</ul>
</div>
... Three other columns just like above
</div>
</div>
</footer>