Note that the message button and the background move as well, I was able to correct everything with this, but yeah it needs to be applied conditionally
#user-card.no-bg .card-content {
margin-top: 0px;
}
.user-card-avatar .avatar-flair.rounded, .user-profile-avatar .avatar-flair.rounded {
bottom: 19px;
}
#user-card .usercard-controls {
margin-top: 0px !important;
}