Grid inside of sidebar styling issue

How can I make the grid take up 100% of the sidebar cell? Currently the width only takes about 70%, I would like it to be 100%

Here is most of the grid code

  this.data = data;
        this.originalData = data;
        this.grid.setHeader("Person,Roles,UserName,CanLogIn,PersonID");
       
        this.grid.setColAlign("left,left,left,left, left");
        this.grid.setColTypes("coro,clist,edtxt,ch,edtxt");
        this.grid.enableResizing("false,false,false,false, false");
        this.grid.setColumnHidden(this.personIdColumn, true);
        this.grid.enableAutoWidth(true);
        this.grid.enableAutoHeight(false, 300);
        this.grid.setImagesPath("../Content/");
        this.grid.init();
...

Please, try to use the attachGrid method to include your grid to the sidebar cell.
Here you can find a working example:
dhtmlx.com/docs/products/dhtmlx … _grid.html
If the problem still occurs for you please. provide a complete demo, where the problem can be reconstructed locally.