title: Body tag automatically add horizontal scrolling when table has horizontal scroll and body has vertical scroll
body: <p>I am facing an issue regarding the horizontal scroll.</p>
  <p><a href="https://i.stack.imgur.com/XzU5c.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/XzU5c.png" alt="enter image description here" /></a></p>
  <p>As you can see above pic page has 2 horizontal scrolls first one is for a table scroll and the second one is page scroll that is automatically added, now I don't want the second scroll on the page.</p>
  <p>How can I achieve this? I can't use overflow-x: hidden as in some other screen I need body overflow-x: scroll.</p>
  <p>Thanks.</p>