@charescape/mazer-fork-ost/prebuild/assets/compiled/css/ui-widgets-chatbox.css

Free and Open-source Bootstrap 5 Admin Dashboard Template and Landing Page

.chat {
  border-radius: 5px;
}
.chat.chat-left .chat-message {
  background: #5A8DEE !important;
  float: left !important;
  color: #fff;
}
.chat .chat-message {
  text-align: left !important;
  float: right !important;
  margin: 0.2rem 0 1.8rem 0.2rem !important;
  color: rgb(82, 83, 97);
  background-color: #FAFBFB !important;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3) !important;
  padding: 0.75rem 1rem !important;
  position: relative !important;
  max-width: calc(100% - 5rem) !important;
  clear: both !important;
  word-break: break-word !important;
  border-radius: 0.267rem !important;
}