Sometimes you see a horizontal scroll coming up in your Web page unintentionally and it makes the whole body scroll(and you don't want it).
A simple trick to finding out the culprit is by adding the snippet in your root component
* {
border: 1px solid #f00 !important;
}
If you still are not able find the issue then a crude way to solve the problem is add in you body.
body{ overflow-x: hidden; }