.chat-compose {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  overflow: visible;
}

.chat-actions {
  width: 100%;
  min-width: 0;
  max-width: 100%;
}

.chat-input-row {
  width: 100%;
  min-width: 0;
  max-width: 100%;
  grid-template-columns: minmax(0, 1fr) 42px;
}

.chat-input {
  width: 100%;
  min-width: 0;
  max-width: 100%;
}

.chat-send {
  width: 42px;
  min-width: 42px;
  max-width: 42px;
  justify-self: end;
}

@media (max-width: 560px) {
  .chat-compose {
    padding-right: 10px;
    padding-left: 10px;
  }
}