Grid rows content garbled due overwriting

Hi,
I have weird issue where i have GridLayout in vaadin. Grid is populated using data properly and it shows properly in browser.
But lets say if it has 10 rows in grid but browser is able to show only 5 rows and other appears through scroll bar. When i scroll down to see lower 5 rows. Their content is garbled on specific column because content is overwritten at same place.
Interestingly this does not for first 5 rows.
Let say i have full window opened. Now it is showing 12 rows at a time on screen and total rows in grid is 20. First 12 rows will appear properly but last 8 rows specifc column is garbled again.

Please help…I have no clue…

I tried to adjust width, height for grid, component but no help.