Topic: Bad layout Mondial relay plugin with Xstore theme

Hi

I have à problem with the layout of the mondial relay plugin in the Xstore theme:
This is what the plug in looks like in the standard storefront theme: http://prntscr.com/c9q8gm
This is what it looks like in Xstore: http://prnt.sc/c9qccg
There are 3 issues:
1-the map doesn’t show; after I right-click and click inspect, the maps shows up…
2-the 2 entry fields for city and zip code are in the wrong position
3- the text in the fields is white so not visible

The plugin has a field where we can put css code to overide the css of the page (see support doc: http://docs.mondialrelay-woocommerce.com/style/ unfortunately in french only)
The CSS they propose is following:
.MR-Widget .MRW-Search {
background: url(./wp-content/plugins/woocommerce-mondialrelay/css/imgs/mr-64.png) no-repeat 50% 10%!important;
}

.MR-Widget .MRW-Line {
margin-top: 60px!important;
}

.MR-Widget .MRW-BtGo, .MR-Widget .MRW-BtGeoGo {
color: #999;
}

This code has the following effect: http://prntscr.com/c9qpzh so still not as it should be.

Can you please advise?
Many thanks in advance.
Best regards,
Vincent Verhaaff