.chat-thread { display: flex; flex-direction: column; height: 100%; &__header { height: var(--chat-header-offset); min-height: var(--chat-header-offset); border-bottom: 1px solid var(--primary-low); border-top: 1px solid var(--primary-low); box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; padding-inline: 1rem; } &__body { overflow-y: scroll; @include chat-scrollbar(); margin: 2px; padding-right: 2px; box-sizing: border-box; flex-grow: 1; overscroll-behavior: contain; display: flex; flex-direction: column-reverse; will-change: transform; } }