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; }