calcite-shell-panell css not working??

[LefterisKoumis]

Here is codepen that it was provided to me when I look for a solution of action bars on both sides, table at the bottom and float-content panels.

https://codepen.io/lkoumis1/pen/eYweVLJ

I inserted an id for the bottom calcite shell panel and I used the css for

 --calcite-shell-panel-max-height:700px

and was able to increase the height of the table. 

However, the css which refer to the width do not work. Ideally, would like to keep the bottom table between the two action bars.

[LefterisKoumis · Accepted solution]

Update. I was able to resolve the issue using plain css and not the calcite styles.