title: ReactJS / Material-UI / Javascript: Can't get rounded borders on TableRow
body: <p>I'm trying to get rounded borders on TableRow. I've added style &quot;borderRadius: 5&quot; but it doesn't do anything. When I surround TableRow by Box with borderRadius, it does work but then the table spacing is broken.</p>
  <p>I've been messing around with this for a while but can't figure out.. What's the best solution for this?</p>
  <pre><code>&lt;Table&gt;
  &lt;TableRow style={{ borderRadius: 5, backgroundColor: &quot;green&quot; }}&gt;
      &lt;TableCell&gt;
          First table cell
      &lt;/TableCell&gt;
      &lt;TableCell&gt;
          Second table cell
      &lt;/TableCell&gt;
      &lt;TableCell&gt;
          Third table cell
      &lt;/TableCell&gt;
  &lt;/TableRow&gt;
  &lt;/Table&gt;
  </code></pre>