diff --git a/addons/web/static/src/legacy/scss/daterangepicker.scss b/addons/web/static/src/legacy/scss/daterangepicker.scss
index 8fa081bbd7d..cdcdfc82342 100644
--- a/addons/web/static/src/legacy/scss/daterangepicker.scss
+++ b/addons/web/static/src/legacy/scss/daterangepicker.scss
@@ -83,4 +83,29 @@
     .drp-buttons .drp-selected {
         display: none;
     }
+
+    @include media-breakpoint-down(sm) {
+        position: fixed;
+        top: auto !important;
+        left: 0 !important;
+        bottom: 0;
+        right: 0 !important;
+        width: auto;
+        max-height: 90vh;
+        overflow-y: auto;
+        @include border-top-radius(1rem);
+        box-shadow: $box-shadow-lg;
+
+        .drp-calendar {
+            max-width: inherit;
+            padding-right: 0 !important;
+            padding-left: 0 !important;
+        }
+
+        .drp-buttons {
+            position: sticky;
+            bottom: 0;
+            background-color: #fff;
+        }
+    }
 }