https://i.hizliresim.com/7s6xgoe.png

En aşağıda bulunan bu bottom scrollbar'ı yukarıya taşımak mümkün müdür ?

Kullanıcı aşağıya inene kadar kaydıramıyor sola sağa buda sıkıntı oluyor bir çok şey denedim ama başarılı olamadım.

Laravel filament kullanıyorum.

şuanda ki css kodlarım şu şekilde.

@import "/vendor/filament/filament/resources/css/theme.css";

@config 'tailwind.config.js';

/* resources/css/filament.css */

ul.advanced-tables-fav-bar-list.flex.text-sm.overflow-x-auto.gap-x-2,
.advanced-tables-fav-bar-list.flex {
    width: 100% !important;
    flex-wrap: wrap !important;
}

.fi-ta-actions.flex.shrink-0.items-center.gap-3.flex-wrap.justify-start.ms-auto.sm\:ms-auto,
.fi-ta-actions.flex {
    width: 100%;
    flex-wrap: wrap;
}

@media  (min-width: 768px) {
    /* make the header sticky*/
    .fi-ta-table thead {
        position: sticky !important;
        top: 0;
        z-index: 9;
    }

    /* opacity does not looks good in dark mode, so insert the corresponding bg color here */
    .fi-ta-table :is(:where(.dark) .dark\:bg-white\/5){
        background-color: rgb(36 36 39);
    }

    /* sset the height of content (table) */
    .fi-ta-content {
        height: calc(100vh - 20rem);
        position: relative;
    }

    /* fix filters and columns modal */
    .fi-dropdown-panel{
        z-index: 40 !important;
    }
}
/* Table sticky header end */