xmpp.chapril.org-conversejs/sass/converse/_controlbox.scss

#conversejs:not(.fullscreen) {
    #controlbox {
        order: -1;
        @include make-col-ready();
        @include media-breakpoint-up(xs) {
            @include make-col(12);
        }
        @include media-breakpoint-up(sm) {
            @include make-col(4);
        }
        @include media-breakpoint-up(md) {
            @include make-col(3);
        }
        @include media-breakpoint-up(lg) {
            @include make-col(2);
        }
        @include media-breakpoint-up(xl) {
            @include make-col(2);
        }

        .controlbox-head {
            display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            justify-content: space-between;

            .brand-heading {
                @include make-col-ready();
                @include make-col(8);
                color: $text-color;
                font-size: 2em;
            }
            .chatbox-btn {
                color: $controlbox-head-color;
                margin: 0;
            }
        }

        #converse-register, #converse-login {
            @include make-col(12);
            padding-bottom: 0;
        }

        #converse-register {
            .button-cancel {
                font-size: 90%;
            }
        }

        .controlbox-panes {
            border-radius: $chatbox-border-radius;
        }
    }
}