.filepond--root {
    max-height: 80vh; /* This limits the overall container */
    overflow: hidden;

}

/* Force the list to behave like a flexbox grid */
.filepond--list {
    display: flex !important;
    flex-wrap: wrap;
    gap: 10px;
}

/* Define column width (e.g., 4 columns) */
.filepond--item {
    width: calc(25% - 10px) !important;
    margin: 0 !important;
}


/* Optional: Make it 2 columns on small screens */
@media (max-width: 600px) {
    .filepond--item {
        width: calc(50% - 10px) !important;
    }
}

/* Force the scroller to show the bar */
.filepond--list-scroller {
    overflow-y: auto !important;
    position: relative !important;
    height: 100% !important;
}