Как удалить белое пространство в html-странице

Он автоматически генерирует это "пустое место" для меня, и я не могу понять, как его удалить. Вот код, который я написал в своем файле:

HTML КОД:

<div class="btn my-btnmenu btn-danger">
   <i class="bi bi-bag"></i>
</div>

CSS КОД:

.my-btnmenu {
    padding: .325rem .60rem;
    border-radius: 1.5rem;
}

.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}

.btn-danger:hover {
    color: #fff;
    background-color: #c82333;
    border-color: #bd2130;
}

а это изображение проверки элемента, созданное моим браузером:

Из-за этого пустого пространства я создаю эту маленькую красную линию

Вернуться на верх