diff --git a/src/components/scheduling/boat/BoatScheduleTableComponent.vue b/src/components/scheduling/boat/BoatScheduleTableComponent.vue
index 9beaacb..8d378d6 100644
--- a/src/components/scheduling/boat/BoatScheduleTableComponent.vue
+++ b/src/components/scheduling/boat/BoatScheduleTableComponent.vue
@@ -191,6 +191,7 @@ const disabledBefore = computed(() => {
 .boat-schedule-table-component
   display: flex
   max-height: 60vh
+  max-width: 98vw
 .reservation
   display: flex
   position: absolute
diff --git a/src/pages/schedule/BoatReservationPage.vue b/src/pages/schedule/BoatReservationPage.vue
index 0b45413..162d464 100644
--- a/src/pages/schedule/BoatReservationPage.vue
+++ b/src/pages/schedule/BoatReservationPage.vue
@@ -29,6 +29,7 @@
           <q-banner
             rounded
             class="bg-warning text-grey-10"
+            style="max-width: 95vw; margin: auto"
             v-if="bookingForm.boat?.defects"
           >
             <template v-slot:avatar>