.map-container { position: absolute; top: 0; bottom: 0; width: 100%; z-index: 2; } .map-wrapper { position: relative; height: 100%; } .map-wrapper-sidebar-open { margin-left: 300px; } @media only screen and (max-width: 600px) { .map-wrapper-sidebar-open { margin-left: initial; margin-bottom: 45%; height: 55%; } }