html, body, .container-fluid, .col, .card {
    height: 100%;
}

    .container-fluid > .row {
        height: 100%;
    }

.card-body {
    height: 80%;
    overflow-x: hidden;
}

.message-bubble {
    padding: 5px 0px 5px 0px;
}

    .message-bubble:nth-child(even) {
        background-color: #F5F5F5;
    }

    .message-bubble > * {
        padding-left: 30px;
    }

.card-body {
    padding: 5px;
}

.username-p{
    margin-bottom: 2px;
}