.chats-container {
  display: flex;
  flex-direction: column;

  .sidebar-content {
    width: 100%;
    max-height: 100%;
    overflow: hidden;
    display: flex; /* idk why but need */
    position: relative;
  }

  #chats-container {
    max-height: 100%;
    overflow: hidden;
  }

  #search-container {
    display: none;
    width: 100%;
    max-height: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    background: #fff;

    &.active {
      display: block;
    }
  }
}