My question is why, when using the a
tag, the entire row on the right becomes clickable as well?
Despite there being no link, the area at the back of the row on the right side is clickable. Is there any way to remove this clickable area?
<a id="back-page-btn" class="back-btn d-flex" href="">
<i data-feather="arrow-left-circle"></i>
<p class="mx-2 my-auto">Back</p>
</a>
After examining this html code, I discovered that I am able to click on the white background at the back of the row. Is there a way to make only the link clickable and not the white background?