diff --git a/app/pages/bookings/index.vue b/app/pages/bookings/index.vue
index 3380d3a..77064ce 100644
--- a/app/pages/bookings/index.vue
+++ b/app/pages/bookings/index.vue
@@ -189,7 +189,7 @@
           </div>
         </template>
 
-        <div class="overflow-x-auto">
+        <div>
           <UTable
             :data="filteredBookings"
             :columns="columns"
@@ -197,7 +197,8 @@
             :empty="searchQuery.trim() ? 'No matching bookings found.' : 'No bookings available yet.'"
             sticky="header"
             caption="Bookings"
-            class="compact-table min-w-[1280px]"
+            class="compact-table"
+            :ui="{ base: 'min-w-[1280px]' }"
           >
             <template #customerName-cell="{ row }">
               <div class="min-w-0 space-y-0.5 py-0.5">