.lobby-chat {
  min-width: 300px;
  max-width: 400px;
}

.chat-messages {
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  background-color: #fafafa;
}

.chat-message {
  margin: 2px 0 !important;
}

.chat-message.own-message {
  align-items: flex-end !important;
}

.chat-message.other-message {
  align-items: flex-start !important;
}

.chat-message .MuiBox-root {
  position: relative;
}

.own-message .MuiBox-root {
  background-color: #e3f2fd !important;
  border-bottom-right-radius: 4px !important;
}

.other-message .MuiBox-root {
  background-color: #f5f5f5 !important;
  border-bottom-left-radius: 4px !important;
}

@media (max-width: 768px) {
  .lobby-chat {
    min-width: 250px;
    max-width: 300px;
  }
}