diff --git a/source/_data/data.json b/source/_data/data.json
index 19610ea2e04321b7dd18b33c3fb05518f2bc57c9..1b482949a17b6b95d9ad03583457fca77d3a46fd 100644
--- a/source/_data/data.json
+++ b/source/_data/data.json
@@ -101,7 +101,7 @@
     "label": "Název políčka",
     "placeholder": "Placeholder"
   },
-  "personCalendarData": "[{\"title\": \"event 1\", \"date\": \"2023-04-01\", \"url\": \"https://example.com\"}, {\"title\": \"event 2\", \"date\": \"2023-04-10\", \"url\": \"https://example.com\"}]",
+  "personCalendarData": "[{\"title\": \"event 1\", \"date\": \"2023-04-01\", \"url\": \"https://example.com\"}, {\"title\": \"event 2\", \"date\": \"2023-04-01\", \"url\": \"https://example.com\"}, {\"title\": \"event 3\", \"date\": \"2023-04-01\", \"url\": \"https://example.com\"}, {\"title\": \"event 4\", \"date\": \"2023-04-01\", \"url\": \"https://example.com\"}, {\"title\": \"event 5\", \"date\": \"2023-04-01\", \"url\": \"https://example.com\"}, {\"title\": \"event 2\", \"date\": \"2023-04-10\", \"url\": \"https://example.com\"}]",
   "greyColors": [
     {"cls": "grey-50", "hex": "#f7f7f7", "name": "Grey 50"},
     {"cls": "grey-100", "hex": "#f3f3f3", "name": "Grey 100"},
diff --git a/source/_patterns/03-templates/candidate-detail.mustache b/source/_patterns/03-templates/candidate-detail.mustache
index 682714a7ac99c212217694e441b4cb102188079e..dfa50c33e67b253273a1f63fe03f4d3232b77397 100644
--- a/source/_patterns/03-templates/candidate-detail.mustache
+++ b/source/_patterns/03-templates/candidate-detail.mustache
@@ -11,11 +11,11 @@
   <main>
     <div class="flex flex-col lg:flex-row lg:space-x-8 xl:space-x-16">
       <section class="lg:w-3/5 xl:w-2/3">
-        <div class="mb-10">
+        <div class="mb-16">
           {{> molecules-content-block(classes: "w-full", noStartHeadline: true) }}
         </div>
         <div>
-          <h2 class="head-alt-md mb-3">Kalendář</h2>
+          <h2 class="head-alt-md mb-3"><i class="ico--calendar mr-4"></i>Kalendář</h2>
           {{> atoms-person-calendar() }}
         </div>
       </section>
diff --git a/source/css/atoms/person-calendar.pcss b/source/css/atoms/person-calendar.pcss
index daef5ea902c1b163b8e2639a5b63429e14c0c407..9f324c3d8faa7819a54f2975172db83bb780ce81 100644
--- a/source/css/atoms/person-calendar.pcss
+++ b/source/css/atoms/person-calendar.pcss
@@ -15,6 +15,10 @@
   @apply font-condensed;
 }
 
+.fc-col-header {
+  width: 100%!important;
+}
+
 /* Don't underline only when there is no href attribute defined. */
 .fc .fc-col-header-cell-cushion:not([href]),
 .fc .fc-daygrid-day-number:not([href]) {
@@ -26,7 +30,7 @@
 }
 
 .fc .fc-button {
-  @apply font-alt rounded-none px-5 py-2;
+  @apply font-alt rounded-none px-5 py-2 duration-150;
 }
 
 .fc .fc-button:hover:not(:disabled),
diff --git a/source/js/components/person_calendar/Calendar.vue b/source/js/components/person_calendar/Calendar.vue
index daf0422e108b84e69e2f6c9a68a6daa8fee857da..4fcfabd8844d21d85220ab445d60887fb109e26e 100644
--- a/source/js/components/person_calendar/Calendar.vue
+++ b/source/js/components/person_calendar/Calendar.vue
@@ -13,6 +13,7 @@ export default {
       calendarOptions: {
         plugins: [ dayGridPlugin, interactionPlugin ],
         initialView: "dayGridMonth",
+        contentHeight: "auto",
         locale: "cs",
         buttonText: {
           today: "dnes"