body.table-messages table.rows-and-columns thead th.col-message {
    width: auto;
    min-width: 0;
    max-width: none;
    white-space: nowrap;
}

body.table-messages table.rows-and-columns tbody td.col-message {
    width: 40vw;
    min-width: 28rem;
    max-width: 48rem;
    white-space: pre-wrap;
    word-break: normal;
    overflow-wrap: anywhere;
}

@media only screen and (max-width: 576px) {
    body.table-messages table.rows-and-columns tbody td.col-message {
        width: auto;
        min-width: 0;
        max-width: none;
    }
}