.chat-channel-title-wrapper {
  padding: 0.25rem;

  &:hover {
    background: var(--primary-very-low);
    border-radius: 5px;
  }
}

.channels-list {
  .chat-channel-title {
    max-width: 100%;
    box-sizing: border-box;
  }

  .chat-channel-row:hover {
    .chat-channel-title {
      overflow: hidden;
    }
  }
}