.MapBox {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;

    .MapBox-contents {
        width: 100%;
        height: 100%;
        overflow: hidden;
        display: flex;
        > div {
            position: unset !important; // when the sidebar filter flys out, this prevents the map from extending outside the document box
        }

        .map-wrapper {
            width: 100%;
            .searchbox {
                box-sizing: border-box;
                border: 1px solid transparent;
                width: 240px;
                height: 32px;
                padding: 0 12px;
                border-radius: 3px;
                box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
                font-size: 14px;
                outline: none;
                text-overflow: ellipses;
                position: absolute;
                left: 50%;
                margin-left: -120px;
            }
        }
    }
}