Sidebar Hover, Display Sub Items (Blazor / .css)

About the project Hey there, ive been making a versitile tool for sidebar for some work related stuff. currently its an advance resuseable sidebar with infinite nesting, and it supports eventcallback on click of an sidebarelement The issue ive been playing around with ":hover" and "Position: relative;" "Position: absolute". trying to create the behavior shown in the image. the initial bar is on the page, the mouseover elements is position absolute. ive given it a handfull of attempts. and iam struggling to make the collapsed menu version of this project. iam trying to boil it down to just div containers, for this one (like the image shown). but i either keep miss alligning my sub elements by them apearing to the right and 1 element below. or they stack on top of each other. iam hoeping someone might know css better than me and/or know a good approch to this issue. any suggestions welcome.