diff --git a/hotel_calendar/static/src/css/view.css b/hotel_calendar/static/src/css/view.css
index e81624b08..8515adb5c 100644
--- a/hotel_calendar/static/src/css/view.css
+++ b/hotel_calendar/static/src/css/view.css
@@ -10,6 +10,12 @@
 	overflow: initial !important;
 }
  */
+
+.o_hotel_calendar_view {
+  display: flex;
+	height: 100%;
+}
+
 .nopadding {
    padding: 0 !important;
    margin: 0 !important;
@@ -17,6 +23,7 @@
 
 #pms-menu {
 	padding: 0 0.2em !important;
+	overflow: auto;
 }
 
 #pms-menu .input-group span, #pms-menu input {
@@ -29,6 +36,11 @@
   font-size: x-small;
 }
 
+#pms-calendar: {
+	flex: 1 1 auto;
+	overflow: auto;
+}
+
 button .led {
 	position: absolute;
 	display: inline-block;
diff --git a/hotel_calendar/static/src/xml/hotel_calendar_view.xml b/hotel_calendar/static/src/xml/hotel_calendar_view.xml
index 5d02b6f12..b6a4d5845 100644
--- a/hotel_calendar/static/src/xml/hotel_calendar_view.xml
+++ b/hotel_calendar/static/src/xml/hotel_calendar_view.xml
@@ -2,7 +2,7 @@
 <templates xml:space="preserve">
 
     <t t-name="hotel_calendar.HotelCalendarView">
-        <div class="col-xs-12 col-md-12 nopadding">
+        <div class="col-xs-12 col-md-12 nopadding o_hotel_calendar_view">
             <div class="col-lg-2 hidden-xs hidden-sm" id="pms-menu">
                 <div class="col-xs-12 col-md-12 nopadding menu-date-box">
                     <div class="input-group date" id="date_begin">
@@ -135,7 +135,7 @@
                     </div>
                 </div>
             </div>
-            <div class="col-xs-12 col-sm-12 col-md-10 nopadding">
+            <div class="col-xs-12 col-sm-12 col-md-10 nopadding" id="pms-calendar">
                 <div id="hcal_widget" class="col-xs-12 col-md-12 nopadding">
                     <div id="hcal_load">
                         <span>