.active-chat-wrapper {
  background-color: var(--off-white);
  border-radius: var(--border-radius);
  margin: 1rem auto;
  max-height: calc(100vh - var(--navbar-height) - 2rem); /* 2rem = vertical margin */
  max-width: var(--container-xxl);
  min-height: calc(100vh - var(--navbar-height) - 2rem); /* 2rem = vertical margin */
  overflow-y: scroll;
  padding: 0 2rem 2rem;
  position: relative;
  width: calc(100% - 2rem); /* 1rem 'padding' on the sides */

  header.page-header {
    padding-top: 2rem;
    position: sticky;
    top: 0;
    z-index: 90;
  }
}