<li class="nav-item mt-3">
<a href="#" class="nav-link px-2 d-flex justify-content-start align-items-center">
<i class="nav-icon bi bi-calculator-fill fs-4"></i>
<span class="ms-2 fs-5">Comptabilité</span>
</a>
</li>
#sidebarMenu .nav-icon:hover span:hover{
border-left: 4px solid #007bff;
color: #269BF5;
}
Is it possible to modify the hover effect on this Bootstrap nav-link which includes a span and an icon (Bootstrap)?