### Discussed in https://github.com/quarto-dev/quarto-cli/discussions/1198

<div type='discussions-op-text'>

<sup>Originally posted by **dfalbel** June 21, 2022</sup>
We have a Quarto website with a `style: "docked"` sidebar which we find too narrow for the items titles. 
I have found that the following does what we want but adds extra margin to the mobile view which we don't really want.

```
/*-- scss:mixins --*/
$grid-screen-inset-padding: 1.5em;
```

I wonder what's would be the best way to modify the sidebar width.

Here's the current behavior:
![Current behavior](https://user-images.githubusercontent.com/4706822/174874932-bc283107-72c8-488d-92f4-fcb91ac54980.png)

And the desired:

![image](https://user-images.githubusercontent.com/4706822/174875135-18ee1222-2673-4918-bcf6-bb72e2679708.png)



</div>
dragonstyle
2022-06-23T17:27:27Z
jjallaire
v1.3
closed
How to increase the sidebar width?
https://github.com/quarto-dev/quarto-cli/issues/1212