Increase in number of items on summary block causing large gap on right hand side of page.

Hi, I am having some issues with the summary block, when increasing the number of blogs/items being displayed the block moves off center to the right causing a large gap throughout the page. However when I change the number of items back down to 10 there is no issue and it goes back to the center, is there a way to combat this as I I have a large amount of block content I would like to display on the carousel. Has anyone else experienced this problem who might have a solution? I have attached some screenshots for reference.

Hi. Try adding this to Design > Custom CSS

html, body {
	overflow-x: hidden;
}