Изменить размер фрейма карты Google в реакции js

Question

В настоящее время используется google-maps -реактивный компонент в контактной форме для страницы продаж. Этот код успешно импортировал карту и доступен для просмотра в размерах 450x350. Моя проблема в том, что, несмотря на то, что изображение размером 450x350, фрейм или я предполагаю, что div, в котором находится api карты, все еще думает, что карта по-прежнему имеет размер по умолчанию, поэтому он выталкивает весь мой сайт с пустым пространством, которое удаляется, когда я удаляю Map API , Никакое количество добавлений стилей в качестве измерений к чему-либо вокруг карты не исправило это.

Что я передаю на карту, чтобы повлиять на размер кадра, а не только на само изображение?

import React, { Fragment } from "react";
import ContactForm from "../contactus/ContactForm";
import { Map, Marker, GoogleApiWrapper } from "google-maps-react";
const ContactUs = props => {
 const style = {
  maxWidth: "450px",
  height: "350px",
  overflowX: "hidden",
  overflowY: "hidden"
 };
 return (
  <Fragment>
   <h2 className='lead text-primary text-center'>Get in touch</h2>

   <div className='grid-2'>
    <div>
     <h4>Priority Consulting</h4>
     <ul>
      <li>
       1234 Sherman Way <br />
       Sherman Oaks, CA 90210
      </li>
      <li>info@priorityconsulting.com</li>
      <li>1-800-324-3423</li>
     </ul>
     <Map google={props.google} style={style} />
    </div>

    <div>
     {" "}
     <ContactForm />
    </div>
   </div>
  </Fragment>
 );
};

export default GoogleApiWrapper({
 apiKey: "MYKEY"
})(ContactUs);