.resizableTextArea-container {
    margin: 5px 0;
}

.resizableTextArea-container .resizableTextArea {
    resize: vertical !important;
    width: 100%;
    padding-left: 9px;
    padding-right: 9px;
    padding-top: 3px;
    word-break: break-word;
}

/*As Mozilla and Edge do not support break-word - override style browser specifically*/
@supports ((-moz-appearance:none) or (-ms-ime-align:auto)) {
    .resizableTextArea-container .resizableTextArea {
        word-break: break-all;
    }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .resizableTextArea-container .resizableTextArea {
        word-break: break-all;
    }
}