.chat-channel-info {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 1rem;

  &__nav {
    .nav-pills {
      margin: 0;
      padding-bottom: 1rem;
    }
  }
}

// Info header
.chat-channel-info-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 1rem;
  box-sizing: border-box;
}

.chat-channel-info-header__title {
  font-size: var(--font-up-2);
  margin: 0;
}