title: How to change styles in Modal of Antd?
body: <p>In a React project, I'am using Ant Design (Antd) as CSS framework. So we have a requirement to change the styling of Modal which is the component of Antd. To change its border radius of Modal component is expected, but, with many attempts, all in vain. Is there any appropriate solution?</p>
  <ol>
  <li>Modal Component</li>
  </ol>
  <pre><code>&lt;Modal
          title=&quot;Basic Modal&quot;
          visible={isModalVisible}
          onOk={handleOk}
          onCancel={handleCancel}
          className=&quot;modalStyle&quot;
          //bodyStyle={{ borderRadius: &quot;20px&quot; }} {/* Also tried with bodyStyle property */}
        &gt;
          &lt;p&gt;Some contents...&lt;/p&gt;
          &lt;p&gt;Some contents...&lt;/p&gt;
          &lt;p&gt;Some contents...&lt;/p&gt;
  &lt;/Modal&gt;
  </code></pre>
  <p>index.css</p>
  <pre><code>.modalStyle {
    border-radius: 20px;
  }
  
  .newStyle {
    border-radius: 20px;
  }
  
  /* applied style to its root properties, but no change */
  .ant-modal-content {
    border-radius: 20px;
  }
  </code></pre>
  <p>Following is the codesandbox link: <a href="https://codesandbox.io/s/basic-antd4168-forked-rz764" rel="noreferrer">https://codesandbox.io/s/basic-antd4168-forked-rz764</a></p>