Content on Web Content Display overlaps on Widget Page

• Type: Bug
• Status: Closed
• Resolution: Won't Fix
• Affects Version/s: 7.0.X, 7.1.X, 7.2.X, 7.3.10 DXP FP2, 7.3.X, Master
• Fix Version/s: None
• Component/s: Content Display Widgets > Web Content Display widget
• Labels: None
• Fix Priority: 3
• Bug Type: UX / Visual - Desktop

Steps to Reproduce:

1. Go to Content & Data 
2. Create a Basic Web Content and add the following text on Source tab on Content editor

   <h1>I'm a WC</h1>
   <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam vel tellus ac libero imperdiet rutrum sed et ligula. In nec porttitor mauris. Integer nec blandit est, nec interdum est. Pellentesque tincidunt convallis erat ac tincidunt.</p>
   <table>
   <thead>
   	<tr>
   		<th>column1</th>
   		<th>column2</th>
   		<th>column3</th>
   		<th>column4</th>
   		<th>column5</th>
   		<th>column6</th>
   		<th>column7</th>
   		<th>column8</th>
   	</tr>
   </thead>
   <tbody>
   	<tr>
   		<td>some random text</td>
   		<td>more text</td>
   		<td>sample string</td>
   		<td>somewhat a long string</td>
   		<td>even more text</td>
   		<td>running out of text</td>
   		<td>lets add more</td>
   		<td>ok it's enough</td>
   	</tr>
   </tbody>
   </table>
   

   (for large screens, add as many columns as required)

3. Go to Site Builder > Pages
4. Create a new Widget Page
5. Select the layout to 1 Column and save it
6. Go to your new page and add a Web Content Display
7. Select the WC created on Step 2

Expected Result:
Content should fit the portlet size or show an horizontal scrollbar if the content to fit everything. 

Actual Result:
Content is overlapping the portlet width size.

Reproducing on:
7.3.x (d75e66e5250812c13ee5102526878006b161ae35)