[Discord CSS Snippet] Better alignment between user info panel and channel text area

index.css

[class^="sidebar-"] [class^="panels-"] {
    margin: 16px;
    border-radius: 8px;
}

[class^="sidebar-"] [class^="panels-"] [class^="container-"] {
    border-radius: 8px;
    align-items: center;
    justify-content: space-between;
}

[class^="sidebar-"] [class^="panels-"] [class*="withTagAsButton-"] {
    min-width: unset;
}

[class^="sidebar-"] [class^="panels-"] [class^="nameTag-"] [class*="title-"] {
    max-width: 32pt;
}

[class^="channelTextArea-"] {
    margin-bottom: 16px;
}

[class^="channelTextArea-"] [class^="scrollableContainer-"] {
    display: flex;
    align-items: center;
    min-height: 52px;
    flex-wrap: wrap;
}

[class^="channelTextArea-"] [class^="scrollableContainer-"] [class^="inner-"] {
    display: flex;
    width: 100%;
}

[class^="channelTextArea-"] [class^="scrollableContainer-"] ul[role="list"] {
    flex-grow: 1;
}