My page: page

Html code for message block:

<div >
      <div >
        <p>{{message.text}}</p>
      </div>
    </div>

Css styles:

.text-box {
  display: flex;
  margin-left: 10px;
}

message-body does not have any styles from css

CodePudding user response：

.text-box { display: flex; margin-left: 10px; word-break: break-all; }