I made some changes that only affect desktop. Scrollbar placement is handled differently on desktop than it is on mobile, so on mobile this is not an issue. By adding padding to a couple of elements, I was able to move the scrollbar closer to the edge.
Here is the modified css:
@media (min-width: 768px) {
.CustomComposerModal .Modal-body {
display: flex;
flex-direction: column;
overflow-y: auto;
flex-grow: 1;
padding: 30px 10px 20px 20px; /*Added*/
}
}
@media (min-width: 768px) {
.CustomComposer, .CustomBasicComposer, .CustomFormsComposer {
display: flex;
flex-direction: column;
overflow-y: auto;
flex-grow: 1;
padding-right: 30px; /*Added*/
}
}
And here are the results:
![](https://orionfeedback.org/assets/files/2023-10-18/1697643718-130190-scroll.png)