.chat-view {
  padding: 0;
  height: calc(100vh - 106px);
  position: relative;
  overflow: hidden;

  @include breakpoint(lg) {
    height: calc(100vh - 84px - 83px); /* Header's and subheader's height on mobile */
  }

  > solid-xmpp-chat {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
  }
}