how to fix padding behavior for element with more than 100% width? indent on the right side of table collapses

```css
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
body {
  padding: 30px;
}
table {
  border-collapse: collapse;
  width: 150%;
}
th, td {
  border: 1px solid #000;
}
```

```html
<body>
  <table>
    <tr><th>sdsfd</th><th>sdsfd</th><th>sdsfd</th><th>sdsfd</th></tr>
    <tr><td>sdsdf</td><td>sdsdf</td><td>sdsdf</td><td>sdsdf</td></tr>
  </table>
</body>
```