diff --git a/src/components/scheduling/boat/BoatScheduleTableComponent.vue b/src/components/scheduling/boat/BoatScheduleTableComponent.vue
index 9d96033..e19ab05 100644
--- a/src/components/scheduling/boat/BoatScheduleTableComponent.vue
+++ b/src/components/scheduling/boat/BoatScheduleTableComponent.vue
@@ -31,9 +31,11 @@
           >
             <div
               class="timeblock"
+              :class="selectedBlock?.id === block.id ? 'selected' : ''"
               :style="
                 blockStyles(block, scope.timeStartPos, scope.timeDurationHeight)
               "
+              :id="block.id"
               @click="selectBlock($event, scope, block)"
             >
               Available