.user-avatar-link {
    display: block;
    position: relative
}

.user-avatar-link .panel-notifications-count {
    display: block;
    margin: 0;
    max-width: none;
    position: absolute;
    right: calc(100% - .7rem);
    top: -0.4rem
}

.user-avatar-link .text-default {
    align-items: center;
    display: flex
}

.user-avatar-link .text-default .user-full-name {
    margin-left: .5rem
}

@media(max-width: 575.98px) {
    .user-avatar-link .text-default .user-full-name {
        display:none
    }
}