.friends-layout > main {
  min-height: 0;
  overflow: hidden;
}

.friends-layout #conversation {
  min-height: 0;
  grid-template-rows: 48px minmax(0, 1fr) 62px;
  overflow: hidden;
}

.friends-layout #conversation-messages {
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
}