<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> I have searched the <a href="https://github.com/callemall/material-ui/issues">issues</a> of this repository and believe that this is not a duplicate.</li>
</ul>
<h2 dir="auto">Expected Behavior</h2>
<p dir="auto">A React.Component should be returned when using:<br>
<code class="notranslate">private responsiveDialog = withResponsiveFullScreen({ breakpoint: 'sm' })(Dialog);</code><br>
This means  that <code class="notranslate">withResponsiveFullScreen({ breakpoint: 'sm' })</code> should return a function that accepts a type and returns the new Component with responsive properties.</p>
<h2 dir="auto">Current Behavior</h2>
<p dir="auto">Currently calling <code class="notranslate">withResponsiveFullScreen({ breakpoint: 'sm' })</code> returns a React.Component. This is out of line with the expected behaviour when looking at the funciton in withResponsiveFullScreen.js.<br>
The definition of withResponsiveFullScreen in withResponsiveFullScreen.d.ts should probably be changed to return a function.</p>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>
<ol dir="auto">
<li><code class="notranslate">private responsiveDialog = withResponsiveFullScreen({ breakpoint: 'sm' })(Dialog);</code> when using typescript.</li>
</ol>
<h2 dir="auto">Your Environment</h2>

<table role="table">
<thead>
<tr>
<th>Tech</th>
<th>Version</th>
</tr>
</thead>
<tbody>
<tr>
<td>Material-UI</td>
<td>v1.0.0-beta.8</td>
</tr>
</tbody>
</table>
<p dir="auto">When using the classes root override in the Snackbar component, it adds a wrapping div with your the css classes you define instead of overriding the root containers properties.</p>


<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> I have searched the <a href="https://github.com/callemall/material-ui/issues">issues</a> of this repository and believe that this is not a duplicate.</li>
</ul>
<h2 dir="auto">Expected Behavior</h2>
<p dir="auto">Change the style of the snackbar components root element</p>
<h2 dir="auto">Current Behavior</h2>
<p dir="auto">Adds a parent div to the snackbar components root element</p>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>
<p dir="auto">Here is an example I added padding to it so you can actually see what it does, if you remove the padding you will not see the changes: <a href="https://codesandbox.io/s/03l5x9klwn" rel="nofollow">https://codesandbox.io/s/03l5x9klwn</a></p>
<h2 dir="auto">Context</h2>
<p dir="auto">I'm trying to change the styling of the Snackbar component</p>
<h2 dir="auto">Your Environment</h2>
<table role="table">
<thead>
<tr>
<th>Tech</th>
<th>Version</th>
</tr>
</thead>
<tbody>
<tr>
<td>Material-UI</td>
<td>1.0.0-beta.13</td>
</tr>
<tr>
<td>React</td>
<td>15.5.3</td>
</tr>
<tr>
<td>browser</td>
<td>Chrome Version 61.0.3163.10</td>
</tr>
</tbody>
</table>