Like i said it wont be an easy task, since the menu's seem to be scripted as "containts" and not as flex.
so you'll might have to change that in css...
But a very very new (so it might not work on all devices (works on chrome105+)) css selector is :has()
these are some selectors which you might be able to use
.client-root:has(.docked-view-left .psc-leftMenuOpened) > .center-column.flex-col{
padding-left:300px !important;
}
you might have to check the interaction between all the other docks idk, they have a scripted position so idk how this will affect them
.client-root:has(.docked-view-left .psc-leftMenuOpened) > .center-column.flex-col .docked-view-top{
}
when you found something post the solution 