When I resize the browser window to a larger size the lightning Datatable expands to fill the extra space. Which is working correctly

When I resize the browser window to a smaller size the lightning Datatable does not adjusts to fit the new screen size. It remains at its larger size causing the recordpage to have a horizontal scroll.

Is there a fix around this? I am using the following component:
https://developer.salesforce.com/docs/component-library/bundle/lightning:datatable/example