paperless-ngx/src-ui/src/app/components/common/clearable-badge/clearable-badge.component.scss

.badge {
    min-width: 20px;
    min-height: 20px;
}

.x {
    display: none;
}

.number {
    min-width: 1em;
    min-height: 1em;
    display: inline-block;
}

button:hover {
    .check,
    .number {
        opacity: 0 !important;
    }

    .x {
        display: inline-block;
        position: absolute;
        top: .4em;
        left: calc(50% - .4em);
    }
}