title: Warning: Prop `className` did not match. when using styled components with semantic-ui-react
body: <p>I use this code to margin my Button from top:</p>
  
  <pre><code>const makeTopMargin = (elem) =&gt; {
      return styled(elem)`
          &amp;&amp; {
              margin-top: 1em !important;
          }
      `;
  }
  
  const MarginButton = makeTopMargin(Button);
  </code></pre>
  
  <p>and whenever i use <code>MarginButton</code> node, I get this error: <code>Warning: Prop</code>className<code>did not match. Server: "ui icon left labeled button sc-bwzfXH MjXOI" Client: "ui icon left labeled button sc-bdVaJa fKCkqX"</code></p>
  
  <p>You can see this produced <a href="https://codesandbox.io/s/xvmq9jjzzq" rel="noreferrer">here</a>.</p>
  
  <p>What should I do?</p>