To make the text inside the box wrap when it exceeds the box's width (and not the screen), you can modify the CSS in the following way:

1. Use word-wrap (or overflow-wrap) to ensure the text wraps properly.
2. Remove overflow: hide and adjust the box model properly to ensure content wraps without clipping.