@SMoraisAnsys, @RobPasMue increase this size to 1700px will increase the screen size, since 1920 is the standard resolution , i can increase this if you prefer (if you are greedy)

The result is great ! Is there a reason for the middle part to be that far away from the scroll bar ?
As far as I like this, I don't have enough hindsight to assess the extent to which this could cause problems (which @RobPasMue pointed out).

The result is great ! Is there a reason for the middle part to be that far away from the scroll bar ? As far as I like this, I don't have enough hindsight to assess the extent to which this could cause problems (which @RobPasMue pointed out).

good catch, i reduced the gap

I think that is going to far.... you probably dont want to have so much space between el central content and the right bar, and so little space between the central content and the scrollbar.....

The left and right content is having the same margin and padding, and the scroll bar appears only if there is an overflow in the content.


These are the 2 changes with and without scrollbar. pinging @mia-guo-ux also here for insights

Thanks for pinning me. When the text exceeds the container, I suggest truncating the text with "..." and show the full content upon hovering instead of enabling horizontal scrolling. The vertical scrollbar looks good to me. Also...I agree with the comments that balance is the key :D

Thank you all, Then i will go with the above specifications, and about horizontal scrollbar, i will open another PR to fix.