Selection toolbar overflows and gets clipped at canvas edges

[Hugo-22]

Hi,
I am building a page builder using GrapesJS and React (@grapesjs/react). I am facing a UI positioning issue with the component selection toolbar.

The Issue:
When I select a component inside the canvas, the toolbar appears as expected. However, if the selected component is placed too close to the left or right edges of the canvas, the toolbar overflows the viewport bounds and gets clipped/hidden.

Here is how my Canvas is currently wrapped in my code:

<div className="w-full p-4">
  <Canvas />
</div>

My question:
Is there a built-in configuration in GrapesJS, or a specific CSS trick, to force the toolbar to stay within the visible screen area (e.g., automatically shifting it to the left/right when it reaches the boundaries)?