diff --git a/addons/hr_holidays/static/src/js/time_off_calendar.js b/addons/hr_holidays/static/src/js/time_off_calendar.js
index 795e14a1b3b..ef9f262d861 100644
--- a/addons/hr_holidays/static/src/js/time_off_calendar.js
+++ b/addons/hr_holidays/static/src/js/time_off_calendar.js
@@ -36,6 +36,14 @@ odoo.define('hr_holidays.dashboard.view_custo', function(require) {
             'click .btn-allocation': '_onNewAllocation',
         }),
 
+        /**
+         * @override
+         */
+        start: function () {
+            this.$el.addClass('o_timeoff_calendar');
+            return this._super(...arguments);
+        },
+
         //--------------------------------------------------------------------------
         // Public
         //--------------------------------------------------------------------------
diff --git a/addons/hr_holidays/static/src/scss/time_off.scss b/addons/hr_holidays/static/src/scss/time_off.scss
index eb726b9d0eb..f37b89caf03 100644
--- a/addons/hr_holidays/static/src/scss/time_off.scss
+++ b/addons/hr_holidays/static/src/scss/time_off.scss
@@ -1,10 +1,10 @@
-.o_content {
+.o_timeoff_calendar .o_content {
     .o_timeoff_container {
-        height: 10%;
+        height: 6rem;
     }
 
     .o_calendar_container {
-      height: 89.5%;
+      height: calc(100% - 6rem);
     }
 
     @include media-breakpoint-down(sm) {