diff --git a/src/components/map.tsx b/src/components/map.tsx
index 16e1e8ae..dd60ac64 100644
--- a/src/components/map.tsx
+++ b/src/components/map.tsx
@@ -151,11 +151,17 @@ const Map = forwardRef<MapRef, MapProps>((props, ref) => {
     [props.style]
   );
 
+  const CHILD_CONTAINER_STYLE = {
+    height: '100%'
+  };
+
   return (
     <div id={props.id} ref={containerRef} style={style}>
       {mapInstance && (
         <MapContext.Provider value={contextValue}>
-          <div mapboxgl-children="">{props.children}</div>
+          <div mapboxgl-children="" style={CHILD_CONTAINER_STYLE}>
+            {props.children}
+          </div>
         </MapContext.Provider>
       )}
     </div>