Better Discord Custom CSS

discord-custom.css

.da-sidebar {
    width: auto;
    display: flex;
    flex-direction: column;
}

.emoji.jumboable {
    width: 2rem;
    height: 2rem;
    min-height: 2rem;
}

.da-sidebar > .da-container{
    width: 240px;
}

.da-panels{
    width: 0;
    overflow: visible;
}

.da-panels .da-container{
    width: 220px;
    background-color: var(--background-secondary-alt);
}

.da-privateChannels {
    width: 60px;
    transition: width 0.5s;
}

.da-privateChannels .da-scroller {
    overflow-y: hidden;
    overflow-x: hidden;
}

.da-sidebar:hover .da-privateChannels .da-scroller {
    overflow-y: scroll;
}

.da-sidebar:hover .da-privateChannels{
    width: 240px;
}

.da-privateChannels .da-privateChannelsHeaderContainer{
    display: none;
}

.da-privateChannels .da-channel {
     margin: 0 6px;
}

.da-searchBar .da-searchBarComponent,
.da-searchBar .da-searchBarComponent{
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.da-panels .da-ping{
    margin: 0 8px;
}

.da-panels .da-avatarWrapper{
    margin: 6px;
}

.da-panels .da-labelWrapper{
    margin-left: 8px;
}

.da-panels .da-nameTag{
    margin-left: 8px;
}