converse-user-profile {
    padding: 0.5em 1em;

    .change-status {
        min-width: 25px;
        text-align: center;
        converse-icon {
            padding-inline-end: 0.5em;
        }
    }

    .userinfo {
        .xmpp-status__msg {
            margin-inline-end: 0.5em;
        }

        .username {
            margin-inline-end: 0.5em;
            margin-inline-start: 0.5em;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        .profile {
            margin-bottom: 0.75em;
        }
    }

    .xmpp-status {
        .chat-status--online {
            color: var(--chat-status-online);
        }
        .chat-status--busy {
            color: var(--chat-status-busy);
        }
        .chat-status--away {
            color: var(--chat-status-away);
        }
        .far.fa-circle,
        .fa-times-circle {
            color: var(--secondary-color);
        }
    }
}