title: How to fix the width of TabPanes?
body: <p>I am using the following ant design combo in React:</p>
  
  <pre><code>&lt;Tabs type="card"&gt;
    &lt;TabPane&gt;...&lt;/TabPane&gt;
  &lt;/Tabs&gt;
  </code></pre>
  
  <p>What is the easiest way to put custom CSS on the TabPane elements in React?
  I would like to fix their widths but can't even put custom className on the TabPane as it gets lost once it gets to the DOM. Can't even wrap the <code>&lt;TabPane&gt;</code> into a <code>&lt;div&gt;</code> as <code>&lt;Tabs&gt;</code> accepts only <code>&lt;TabPane&gt;</code>s as children.</p>
  
  <p>Thanks.</p>