diff --git a/addons/web/static/src/scss/web_calendar.scss b/addons/web/static/src/scss/web_calendar.scss
index ae22efb2675..540b8710df3 100644
--- a/addons/web/static/src/scss/web_calendar.scss
+++ b/addons/web/static/src/scss/web_calendar.scss
@@ -197,25 +197,3 @@
         display: none;
     }
 }
-
-// Mobile rules
-@include media-breakpoint-down(sm) {
-    .o_calendar_container {
-        padding: 0;
-    }
-}
-@include media-breakpoint-down(sm) {
-    .o_control_panel {
-        .o_calendar_button_today {
-            float: right;
-            > .o_calendar_text {
-                margin-top: 3px;
-            }
-        }
-    }
-    .o_calendar_view {
-        .fc-day-header {
-            word-spacing: 1000px; // force line break in week mode
-        }
-    }
-}
diff --git a/addons/web/static/src/scss/web_calendar_mobile.scss b/addons/web/static/src/scss/web_calendar_mobile.scss
new file mode 100644
index 00000000000..55d44257666
--- /dev/null
+++ b/addons/web/static/src/scss/web_calendar_mobile.scss
@@ -0,0 +1,21 @@
+@include media-breakpoint-down(sm) {
+    .o_calendar_container {
+        padding: 0;
+    }
+
+    .o_control_panel {
+        .o_calendar_button_today {
+            float: right;
+            > .o_calendar_text {
+                margin-top: 3px;
+            }
+        }
+    }
+
+    .o_calendar_view {
+        .fc-day-header {
+            word-spacing: 1000px; // force line break in week mode
+        }
+    }
+
+}
diff --git a/addons/web/views/webclient_templates.xml b/addons/web/views/webclient_templates.xml
index 4e560e53980..6ee489b56e4 100644
--- a/addons/web/views/webclient_templates.xml
+++ b/addons/web/views/webclient_templates.xml
@@ -174,6 +174,7 @@
         <link rel="stylesheet" type="text/scss" href="/web/static/src/scss/kanban_view.scss"/>
         <link rel="stylesheet" type="text/scss" href="/web/static/src/scss/kanban_view_mobile.scss"/>
         <link rel="stylesheet" type="text/scss" href="/web/static/src/scss/web_calendar.scss"/>
+        <link rel="stylesheet" type="text/scss" href="/web/static/src/scss/web_calendar_mobile.scss"/>
         <link rel="stylesheet" type="text/scss" href="/web/static/src/scss/search_view.scss"/>
         <link rel="stylesheet" type="text/scss" href="/web/static/src/scss/search_view_mobile.scss"/>
         <link rel="stylesheet" type="text/scss" href="/web/static/src/scss/dropdown_menu.scss"/>