@media (max-width: 700px) {
    html,
    body,
    .fleetbase-next-container,
    main.next-view-container {
        width: calc(100vw - 2px) !important;
        max-width: calc(100vw - 2px) !important;
        overflow-x: hidden !important;
    }

    .next-view-section-container,
    .next-view-section-subheader {
        max-width: calc(100vw - 2px) !important;
        overflow-x: hidden !important;
    }

    .next-view-section-subheader.is-mobile {
        display: flex !important;
        flex-wrap: wrap !important;
    }

    .next-view-section-subheader.is-mobile .next-view-section-subheader-actions {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        overflow-x: auto !important;
        padding-bottom: 2px;
    }

    .next-view-section-container table {
        max-width: none;
    }

    [role="dialog"] {
        max-width: calc(100vw - 2px) !important;
    }
}