.dx-chat-messagegroup-content {
  display: flex;
  flex-direction: column;
}

.dx-chat-messagebubble {
  width: auto;
  word-break: break-word;
  white-space: break-spaces;
}

.dx-chat-messagegroup-alignment-start {
  .dx-chat-messagegroup-content {
    grid-column: 2;
    align-items: flex-start;
  }

  .dx-chat-messagebubble {
    border-start-start-radius: 0;
    border-end-start-radius: 0;
  }
}

.dx-chat-messagegroup-alignment-end {
  .dx-chat-messagegroup-content {
    align-items: flex-end;
    max-width: 82.5%;
  }

  .dx-chat-messagebubble {
    border-start-end-radius: 0;
    border-end-end-radius: 0;
  }
}