.ql-container.ql-snow{
    border: unset;
}

.ql-editor table {
    display: block;
    width: auto !important;
    overflow-x: auto;
}

.ql-editor thead,
.ql-editor tbody {
    display: block;
    width: 100%;
}

.ql-editor tr {
    display: flex;
    flex-wrap: wrap;
}

.ql-editor td,
.ql-editor th {
    height: auto !important;
    box-sizing: border-box;
    word-break: break-word;
    white-space: normal;
    overflow-wrap: break-word;
    align-content: center;
}

    .ql-editor td p,
    .ql-editor th p {
        margin: 0;
        word-break: break-word;
        white-space: normal;
    }

@media (max-width: 768px) {
    .ql-editor tr {
        display: flex;
        flex-wrap: wrap;
    }

    .ql-editor td,
    .ql-editor th {
        flex: 1 0 100%;
    }
}