.bottom-details-wrapper {
    display: grid;
    gap: 2px;
    grid-template-rows: 410px 410px;
    height: 100%;
    .persona {
        grid-row: 1;
        // grid-column: 1 / span 4;
        width: 0;
        min-width: 100%;
    }
    .location {
        grid-row: 1;
        // grid-column: 5 / span 8;
        width: 0;
        min-width: 100%;
    }
    .issue-types {
        grid-row: 2;
        // grid-column: 7 / span 6;
        width: 0;
        min-width: 100%;
    }
    .issue-categories {
        grid-row: 2;
        // grid-column: 7 / span 6;
        width: 0;
        min-width: 100%;
    }
    .top-challenges {
        grid-row: 2;
        // grid-column: 1 / span 6;
        width: 0;
        min-width: 100%;
    }
    .top-opportunities {
        grid-row: 2;
        grid-column: 6 / span 5;
        width: 0;
        min-width: 100%;
    }
    .bg {
        background-color: #ffffff;
    }
}

.high-chart-container {
    padding: 16px !important;
}