Rounded corners in Vaadin Grid component


Is there a way to change the border style of a grid? I would like the corners rounded. I am using the component in Java.


Edit: I found a solution. But there is still a problem. Edited the file shared-styles.css in frontend:

.styled {
  border-radius: 1em;

And in Java:


But this only affected the bottom corners, the top ones dissapeared:

![grid with rounded corners]

You need to add overflow: hidden; as well. The background color of the rows are covering up the corners otherwise.

That worked! Thanks!