At the moment, the line that separates the content from the side menu stops at the side menu's content. However, the content is going to be longer than the side menu, causing the page to look uneven. I attempted to adjust the page-content d-flex but did not succeed.
Using a template from
Here is the code for the side menu
<div class="page-content d-flex align-items-stretch">
<nav class="side-navbar">
<!-- Sidebar Navigation Menus-->
<ul class="list-unstyled">
<li class="active"><a href="index.html"> <i class="icon-home"></i>Home </a></li>
<li><a routerLink="/dashboard"> <i class="icon-picture"></i>Dashboard</a></li>
<li><a routerLink="/tasknotification"> <i class="icon-padnote"></i>Task Management</a></li>
<li><a routerLink="/candidate"> <i class="icon-user"></i>Candidate Management </a></li>
<li><a routerLink="/job"> <i class="icon-interface-windows"></i>Job Management</a></li>
<li><a href="#exampledropdownDropdown" aria-expanded="false" data-toggle="collapse"> <i
class="icon-interface-windows"></i>Example dropdown </a>
<ul id="exampledropdownDropdown" class="collapse list-unstyled ">
<li><a href="#">Page</a></li>
</ul>
</li>
</ul>
</nav>