title: how to change infoWindow Style in react-google-maps reactjs
body: <p>I want to change the style of infowindow:
  creat a CSS file to change <code>.gm-style .gm-style-iw-d</code> and <code>.gm-style .gm-style-iw-c</code> proprty but nothing to chnage , i wnat to change or disable <code>max-width</code> ,<code>over-flow:scroll</code> , <code>padding-right</code>,... like this pic :<a href="https://i.stack.imgur.com/UnxeC.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/UnxeC.png" alt="enter image description here"></a> 
  and i read this link: <a href="https://developers.google.com/maps/documentation/javascript/reference/info-window#InfoWindowOptions" rel="nofollow noreferrer">InfoWindowOptions</a> and write this line for change <code>maxWidth</code> :
  <code>&lt;InfoWindow options={{maxWidth:300}} onCloseClick={() =&gt; togelOpenCloseInfoWindos}&gt;</code>
  but nothing to change.
  and this is my code:</p>
  
  <pre><code> {isOpen &amp;&amp;
                              &lt;InfoWindow options={{ maxWidth: 300 }} style={{ backgroundColor: 'red' }} onCloseClick={() =&gt; togelOpenCloseInfoWindos}&gt;
                                  &lt;Grid container style={{ paddingLeft: 8, paddingRight: 8, }} xs={12} spacing={0} &gt;
                                      &lt;Grid item xs={7} sm={8} zeroMinWidth&gt;
                                          &lt;Typography noWrap component="p"&gt;
                                              &lt;Box fontWeight="bold"&gt;
                                                  {props.MyProps.locations.NICKNAME}&lt;/Box&gt;
                                          &lt;/Typography&gt;
                                          {/* &lt;p className={classes.card_title}&gt;{car.NICKNAME}&lt;/p&gt; */}
                                      &lt;/Grid&gt;
                                      &lt;Grid item xs={5}&gt;{speed_logo(props.MyProps.locations)}&lt;/Grid&gt;
                                      &lt;Grid item xs={7} style={{ marginTop: -9 }}&gt;&lt;p className={classes.card_time}&gt;{timeToShow(props.MyProps.locations.SENTDATE)}&lt;/p&gt;&lt;/Grid&gt;
                                      &lt;Grid item xs={5} style={{ marginTop: -9 }}&gt;{tempture_logo(props.MyProps.locations)}&lt;/Grid&gt;
                                      &lt;Grid xs={12}&gt;&lt;Typography component='p' className={classes.card_Address}&gt;{props.MyProps.locations.POSDESCRIPTION}&lt;/Typography&gt;&lt;/Grid&gt; &lt;/Grid&gt;
                              &lt;/InfoWindow&gt;
                          }
  </code></pre>
  
  <p>please help me to change style of infoWindow </p>