Jumpy links on hover

I've attached a video which shows this best:

Screen_Recording_2024-10-30_at_17.47.34

There is the CSS:

.crm-container div:not(.crm-search-display-editable-buttons) > button.btn-xs:has(.fa-times),
.crm-container .crm-hover-button:has(.crm-i),
.crm-container .crm-hover-button:has(.crm-i):hover,
.crm-container .crm-hover-button:has(.crm-i):focus {
    background: transparent;
    color: var(--crm-c-link) !important;
    padding: var(--crm-btn-small-padding);
}

I think the padding should not be applied on hover/focus. So something like this would be better:

.crm-container div:not(.crm-search-display-editable-buttons) > button.btn-xs:has(.fa-times),
.crm-container .crm-hover-button:has(.crm-i),
.crm-container .crm-hover-button:has(.crm-i):hover,
.crm-container .crm-hover-button:has(.crm-i):focus {
    background: transparent;
    color: var(--crm-c-link) !important;
}
.crm-container div:not(.crm-search-display-editable-buttons) > button.btn-xs:has(.fa-times),
.crm-container .crm-hover-button:has(.crm-i) {
    padding: var(--crm-btn-small-padding);
}

I'm using WordPress with Walbrook. I've not checked to see what other streams and CMSs are impacted.