<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://cloud.githubusercontent.com/assets/1410147/25084995/611e7b84-2392-11e7-91bf-b26d4f5fa166.png"><img src="https://cloud.githubusercontent.com/assets/1410147/25084995/611e7b84-2392-11e7-91bf-b26d4f5fa166.png" alt="screen shot 2017-04-17 at 5 21 35 pm" style="max-width: 100%;"></a></p>
<p dir="auto">I investigated this and found out that it appears on table cells with newline involved. Example:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="### Properties
| Name | Type | Default | Description |
|:-----|:-----|:-----|:-----|
| containerElement | PropTypes.oneOfType([  
  PropTypes.string,
  PropTypes.element,
]) |  |  The element to use as the container for the RaisedButton. Either a string to use a DOM element or a ReactElement. This is useful for wrapping the RaisedButton in a custom Link component. If a ReactElement is given, ensure that it passes all of its given props through to the underlying DOM element and renders its children prop for proper integration. |"><pre class="notranslate"><code class="notranslate">### Properties
| Name | Type | Default | Description |
|:-----|:-----|:-----|:-----|
| containerElement | PropTypes.oneOfType([  
  PropTypes.string,
  PropTypes.element,
]) |  |  The element to use as the container for the RaisedButton. Either a string to use a DOM element or a ReactElement. This is useful for wrapping the RaisedButton in a custom Link component. If a ReactElement is given, ensure that it passes all of its given props through to the underlying DOM element and renders its children prop for proper integration. |
</code></pre></div>
<p dir="auto">Notice the <em>PropTypes.oneOfType</em>. So to fix this we have to add <code class="notranslate">&lt;br&gt;</code> tags like this:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="### Properties
| Name | Type | Default | Description |
|:-----|:-----|:-----|:-----|
| containerElement | PropTypes.oneOfType([&lt;br&gt;PropTypes.string,&lt;br&gt;PropTypes.element,&lt;br&gt;]) |  |  The element to use as the container for the RaisedButton. Either a string to use a DOM element or a ReactElement. This is useful for wrapping the RaisedButton in a custom Link component. If a ReactElement is given, ensure that it passes all of its given props through to the underlying DOM element and renders its children prop for proper integration. |"><pre class="notranslate"><code class="notranslate">### Properties
| Name | Type | Default | Description |
|:-----|:-----|:-----|:-----|
| containerElement | PropTypes.oneOfType([&lt;br&gt;PropTypes.string,&lt;br&gt;PropTypes.element,&lt;br&gt;]) |  |  The element to use as the container for the RaisedButton. Either a string to use a DOM element or a ReactElement. This is useful for wrapping the RaisedButton in a custom Link component. If a ReactElement is given, ensure that it passes all of its given props through to the underlying DOM element and renders its children prop for proper integration. |
</code></pre></div>
<p dir="auto">Result is:</p>
<h3 dir="auto">Properties</h3>
<table role="table">
<thead>
<tr>
<th align="left">Name</th>
<th align="left">Type</th>
<th align="left">Default</th>
<th align="left">Description</th>
</tr>
</thead>
<tbody>
<tr>
<td align="left">containerElement</td>
<td align="left">PropTypes.oneOfType([<br>PropTypes.string,<br>PropTypes.element,<br>])</td>
<td align="left"></td>
<td align="left">The element to use as the container for the RaisedButton. Either a string to use a DOM element or a ReactElement. This is useful for wrapping the RaisedButton in a custom Link component. If a ReactElement is given, ensure that it passes all of its given props through to the underlying DOM element and renders its children prop for proper integration.</td>
</tr>
</tbody>
</table>
<h3 dir="auto">Problem description</h3>
<p dir="auto"><code class="notranslate">PropTypes.oneOf</code> properties seem to break the template in the documentation for version v.0.17.4</p>
<h3 dir="auto">Image</h3>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://camo.githubusercontent.com/d8288d6dd013baff7204a69608bac225c010c3f3f2b349eb335de92f36644bdc/687474703a2f2f692e696d6775722e636f6d2f5070725071574c2e706e67"><img src="https://camo.githubusercontent.com/d8288d6dd013baff7204a69608bac225c010c3f3f2b349eb335de92f36644bdc/687474703a2f2f692e696d6775722e636f6d2f5070725071574c2e706e67" alt="MenuItem rendering problems" data-canonical-src="http://i.imgur.com/PprPqWL.png" style="max-width: 100%;"></a></p>
<h3 dir="auto">Link that reproduces the issue</h3>
<p dir="auto"><a href="http://www.material-ui.com/v0.17.4/#/components/menu" rel="nofollow">http://www.material-ui.com/v0.17.4/#/components/menu</a><br>
<a href="http://www.material-ui.com/v0.17.4/#/components/chip" rel="nofollow">http://www.material-ui.com/v0.17.4/#/components/chip</a><br>
<a href="http://www.material-ui.com/v0.17.4/#/components/drawer" rel="nofollow">http://www.material-ui.com/v0.17.4/#/components/drawer</a><br>
...etc</p>
<h3 dir="auto">Versions</h3>
<ul dir="auto">
<li>Material-UI: v0.17.4</li>
</ul>