How do I auto align the tab icons when sideberry auto collapses? (Pics for reference)

[Hikandy]

I set up expand on hover and have child tab enabled so it looks like this when i hover the cursor over it

But when it collapses, it looks like this

How do i set it up so that the tab icons automatically collapses into a single column?

[Hikandy]

For the future person stumbling across this post, this is how you do it :)

Add the following snippet to CSS of sideberry (can be found in GUI)

`/* Adjust styles according to sidebar width */
@media screen and (max-width: 49px) {
#root {
--tabs-indent: unset;
}
.ScrollBox > .scroll-container {
overflow: hidden;
}
.Tab .audio {
left: 10px;
transform: scale(.80);
transform: translateY(4px);
z-index: 99 !important;
}
.Tab .title {
visibility: collapse;
}
}

@media screen and (min-width: 49px) {
.Tab .audio {
left: 28px;
}
}`