<p dir="auto">is there any way we can use material-ui components in react-native iOS app ?</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">Elements with <code class="notranslate">postition: fixed;</code>, <code class="notranslate">right: 123px</code> and <code class="notranslate">.mui-fixed</code> class applied doesn't move on Modal open</p>
<h2 dir="auto">Current Behavior</h2>
<p dir="auto">it moves, because additional padding doesn't affect element with <code class="notranslate">right</code> position</p>

<h2 dir="auto">Steps to Reproduce (for bugs)</h2>
<p dir="auto">Reproducer: <a href="https://codesandbox.io/s/31r260r6mm" rel="nofollow"><img src="https://camo.githubusercontent.com/90808661433696bc57dce8d4ad732307b5cec6270e6b846f114dcd7ee7f9458a/68747470733a2f2f636f646573616e64626f782e696f2f7374617469632f696d672f706c61792d636f646573616e64626f782e737667" alt="Edit 31r260r6mm" data-canonical-src="https://codesandbox.io/static/img/play-codesandbox.svg" style="max-width: 100%;"></a></p>

<h2 dir="auto">Context</h2>
    
<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.21</td>
</tr>
<tr>
<td>React</td>
<td>16.0.0</td>
</tr>
<tr>
<td>browser</td>
<td>Firefox-57, Chrome-62</td>
</tr>
<tr>
<td>etc</td>
<td></td>
</tr>
</tbody>
</table>