Vaadin-Grid Theme

Flow
1

Hi,

I have added a custom-theme for vaadin-grid

:host([theme~=“image-compact”]
) [part~=“cell”]
::slotted(vaadin-grid-cell-content) {
padding: var(–lumo-space-xs);
}

The theme works perfectly on Chrome (As attached)
But it is not working on Safari (Attached as well)

Please suggest any solution for this?

17898946.png
17898949.png

2

:host([theme~=“image-compact”]
) [part~=“cell”]
::slotted(vaadin-grid-cell-content) {
padding: var(–lumo-space-xs) !important;
}

Ok changing above to this solved the problem