Fix for Adaptive Themes based CSS conflicting with Google Map controls

Not sure if this is the best place to post this but maybe it will help someone.
I found the 'X' at the top-right in the balloon text on Google maps was nearly invisible (looked fine with Leaflet though). I found this in global.base.scss around line 592:

img,
embed,
object,
video {
  max-width: 100%;
}

and overrode/cleared/unset it in global.styles.scss:

div.ip-geoloc-map.view-based-map img{
    max-width: none;
}

Once I did that I noticed the zoom and street view controls were fixed too!