diff --git a/src/pages/calendar/TheCalendar.vue b/src/pages/calendar/TheCalendar.vue
index 0961584..dbdc4ae 100644
--- a/src/pages/calendar/TheCalendar.vue
+++ b/src/pages/calendar/TheCalendar.vue
@@ -69,8 +69,8 @@ export default {
       selectedEvent: {},
       showModal: false,
       timeInformation: {
-        dayStartTime: "08:00",
-        dayEndTime: "20:00",
+        dayStartTime: "00:00",
+        dayEndTime: "24:00",
       },
       eventsData: [],
       employeesData: [],
diff --git a/src/pages/calendar/components/CalendarEventCard.vue b/src/pages/calendar/components/CalendarEventCard.vue
index e9f3b4a..11d52cd 100644
--- a/src/pages/calendar/components/CalendarEventCard.vue
+++ b/src/pages/calendar/components/CalendarEventCard.vue
@@ -222,6 +222,12 @@ export default {
       this.hideDescriptionCard();
       this.setDefaultTheme();
     },
+    writeCardSize() {
+      this.cardSize = {
+        width: this.$refs["eventCard"].getBoundingClientRect().width,
+        height: this.calculateCardHeight - 8,
+      };
+    },
   },
   watch: {
     changeFormWasClosed: {
@@ -234,6 +240,9 @@ export default {
       },
     },
   },
+  mounted() {
+    this.writeCardSize();
+  },
 };
 </script>