title: Styling component doesnt work in external scss file
body: <p>When I use inline styles on some antd elements, the styles apply to the element. When I apply a className to the same Item, the style does not apply I dont know why.</p>
  <pre><code>&lt;Item
      colon={false}
      label={label}
      labelAlign=&quot;right&quot;
      labelCol={{ span: 6, offset: 6 }}
      // className={styles.action}
      style={{ margin: 0, padding: 0, textAlign: 'left' }}
  &gt;
     {val}
  &lt;/Item&gt;
  </code></pre>
  <p>I use the exact same styles as the line in style but it doesnt apply to the element. Its not the file linking because I use the styles at different parts on the page and it works. Its also not a spelling mistake in the scss file.</p>