.item {
    > a, button {
        font-size: 90%;
        width: 100%;
        display: inline-block;
        text-align: start;
        padding: 8px 10px;
        text-decoration: none;
        color: var(--main-color) !important;

        &:hover {
            background: #5e5e5e;
            color: white !important;
        }
    }
}

.item {
    > a, button {
        font-size: 90%;
        width: 100%;
        display: inline-flex;
        text-align: start;
        padding: 8px 10px;
        text-decoration: none;
        color: var(--main-color) !important;

        &:hover {
            background: #5e5e5e;
            color: white !important;
        }
    }
}

Adjust `display` attribute to vertically center contents
Dropdown::MenuItem: Adjust `display` attribute to vertically center contents
