Issue with google-charts in vaadin tabs

Vaadin 6 / 7 / 8
1

Hi,
I’m facing an issue with when I use google-charts in vaadin tabs second tab. First tab is fine but second tab make the charts distorted.

<vaadin-tabs selected="{{page}}">
            <vaadin-tab>Data</vaadin-tab>
            <vaadin-tab>Charts</vaadin-tab>
          </vaadin-tabs>

<iron-pages selected="[[page]
]">
            <page>
               <h1>Data Page</h1>
             </page>
            <page>
               <google-chart
                   type='pie'
                   options='{"title": "Blah", "legend" : {"position" : "bottom", "alignment": "center"}}'
                   cols='[{"label":"Test", "type":"string"}, {"label":"Score", "type":"number"}]
'
                    rows='[["Data 1", 31]
,["Data 2", 28]
,["Data 3", 31]
,["Data 4", 31]
,["Data 5", 31]
]'>
                </google-chart>
            </page>
</iron-pages>