Vaadin 8 Grid Layout remove excess space between row and column

Hello Vaadin Team,

I am using Vaadin 8 GridLayout to display label and textfield and need to customize the spacing between cells. I tried the setSpacing function on the GridLayout, but the spacing between rows is way too much. I have attached a snapshot of the gridlayout with excessive spacing
I also, tried changing the css file but dint work.

gridLayout.setSpacing(true);

.mygrid .v-gridlayout-spacing-on 
{
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
}
gridLayout.addStyleName("mygrid");

Appreciate if anyone could help me solve this problem.

17156212.png