Reduce message history margins at mobile sizes
At very narrow, mobile sizes, the margins left and right of the messages feel a bit large:
When the leaflet is unfolded, the margins look fine, however:
Could we reduce the margins below a certain breakpoint (e.g. 400px) to about half the current value?