diff --git a/aleksis/apps/alsijil/frontend/components/coursebook/CoursebookDateSelect.vue b/aleksis/apps/alsijil/frontend/components/coursebook/CoursebookDateSelect.vue
index 933bcb29ba3b63798dd0f853dee58f5a921bae22..29997909f8a6b79095cb5d9938cc199567bfb4a5 100644
--- a/aleksis/apps/alsijil/frontend/components/coursebook/CoursebookDateSelect.vue
+++ b/aleksis/apps/alsijil/frontend/components/coursebook/CoursebookDateSelect.vue
@@ -49,9 +49,9 @@ export default {
 </script>
 
 <template>
-  <v-footer app inset padless id="date-select-footer">
+  <v-footer app inset padless class="date-select-footer">
     <v-card tile class="full-width">
-      <v-card-title id="content">
+      <v-card-title class="auto-margin">
         <div class="d-flex align-center justify-center full-width">
           <v-btn icon large class="me-4" @click="handleClick(PREV)">
             <v-icon>$prev</v-icon>
@@ -78,10 +78,10 @@ export default {
 </template>
 
 <style scoped>
-#content {
+.auto-margin {
   margin: auto;
 }
-#date-select-footer {
+.date-select-footer {
   z-index: 5;
 }
 </style>