diff --git a/ui/src/components/Calendar.vue b/ui/src/components/Calendar.vue
index fff96af..6fdf94b 100644
--- a/ui/src/components/Calendar.vue
+++ b/ui/src/components/Calendar.vue
@@ -10,6 +10,7 @@
           :key="`door-${index}`"
           :door="door"
           :visible="store.is_touch_device"
+          :title="$advent22.name_door(door.day)"
           @click="door_click(door.day)"
         />
       </ThouCanvas>
diff --git a/ui/src/components/calendar/CalendarDoor.vue b/ui/src/components/calendar/CalendarDoor.vue
index a50bd18..29c85b0 100644
--- a/ui/src/components/calendar/CalendarDoor.vue
+++ b/ui/src/components/calendar/CalendarDoor.vue
@@ -4,7 +4,6 @@
     variant="primary"
     :visible="store.is_touch_device || force_visible"
     :rectangle="door.position"
-    :title="$advent22.name_door(door.day)"
   >
     <div class="has-text-danger">{{ door.day }}</div>
   </SVGRect>
diff --git a/ui/src/components/calendar/SVGRect.vue b/ui/src/components/calendar/SVGRect.vue
index ae71394..84086a0 100644
--- a/ui/src/components/calendar/SVGRect.vue
+++ b/ui/src/components/calendar/SVGRect.vue
@@ -10,7 +10,7 @@
       xmlns="http://www.w3.org/1999/xhtml"
       :class="`px-4 is-flex is-align-items-center is-justify-content-center is-size-1 has-text-weight-bold ${extra_classes}`"
       style="height: inherit"
-      v-bind="$attrs"
+      :title="title"
     >
       <slot name="default" />
     </div>
@@ -38,6 +38,10 @@ type BulmaVariant =
       default: false,
     },
     rectangle: Rectangle,
+    title: {
+      type: String,
+      required: false,
+    },
   },
 })
 export default class extends Vue {
@@ -46,6 +50,7 @@ export default class extends Vue {
   private variant!: BulmaVariant;
   private visible!: boolean;
   public rectangle!: Rectangle;
+  public title?: string;
 
   public get extra_classes(): string {
     let result = this.variant;