diff --git a/addons/web_calendar/static/src/less/web_calendar.less b/addons/web_calendar/static/src/less/web_calendar.less
index 847374b1080..7edbb5d9adf 100644
--- a/addons/web_calendar/static/src/less/web_calendar.less
+++ b/addons/web_calendar/static/src/less/web_calendar.less
@@ -1,9 +1,9 @@
-@o-calendar-div-padding: 4px;
 @nb-calendar-colors: 24;
 
 .o_calendar_container {
     height: 100%;
-    padding: @o-calendar-div-padding (@odoo-horizontal-padding - @o-calendar-div-padding);
+    padding-top: @odoo-horizontal-padding/2;
+    padding-bottom: @odoo-horizontal-padding/2;
 
     .calendar_color_loop(@index) when (@index < @nb-calendar-colors+1) {
         .o_calendar_color_@{index} {
@@ -26,7 +26,6 @@
 
     .o_calendar_view {
         height: 100%;
-        padding: @o-calendar-div-padding;
 
         .o_calendar_widget {
             background-color: @odoo-view-background-color;
@@ -46,7 +45,7 @@
     }
 
     .o_calendar_sidebar_container {
-        padding: @o-calendar-div-padding;
+        padding-left: 0;
 
         .ui-datepicker {
             width: 100%;
diff --git a/addons/web_calendar/static/src/xml/web_fullcalendar.xml b/addons/web_calendar/static/src/xml/web_fullcalendar.xml
index 116438d65b7..a12174d37be 100644
--- a/addons/web_calendar/static/src/xml/web_fullcalendar.xml
+++ b/addons/web_calendar/static/src/xml/web_fullcalendar.xml
@@ -1,13 +1,13 @@
 <template>
-    <t t-name="CalendarView">
-        <div class="row o_calendar_container">
+    <div t-name="CalendarView" class="container-fluid o_calendar_container">
+        <div class="row">
             <div class="o_calendar_view col-sm-9">
                 <div class="o_calendar_buttons"/>
                 <div class="o_calendar_widget" />
             </div>
             <div class="o_calendar_sidebar_container col-sm-3 hidden-xs"/>
         </div>
-    </t>
+    </div>
 
      <t t-name="CalendarView.sidebar">
         <div class="o_calendar_sidebar">