diff --git a/addons/web/static/src/css/base.css b/addons/web/static/src/css/base.css
index b8c28e1660e..9dd8e55723e 100644
--- a/addons/web/static/src/css/base.css
+++ b/addons/web/static/src/css/base.css
@@ -754,7 +754,7 @@
   border-bottom-left-radius: 8px;
 }
 .openerp .oe_notification {
-  z-index: 1050;
+  z-index: 1500;
 }
 .openerp .oe_webclient_timezone_notification a {
   color: white;
@@ -3331,6 +3331,7 @@ body.oe_single_form .oe_single_form_container {
   width: 18px;
   height: 18px;
 }
+
 .modal .modal-header button.close {
   border: none;
   background: none;
@@ -3341,12 +3342,17 @@ body.oe_single_form .oe_single_form_container {
 .modal .modal-footer {
   text-align: left;
 }
-.modal .oe_act_window.modal-body{
-  padding: 0;
-}
-.modal .oe_button{
+.modal .oe_button {
   margin: 0 4px 0 0;
 }
+.modal .oe_act_window.modal-body {
+  padding: 0;
+}
+
+.ui-datepicker {
+  z-index: 1500 !important;
+}
+
 input[type="radio"], input[type="checkbox"] {
   margin-right: 4px;
   margin-left: 4px;
diff --git a/addons/web/static/src/css/base.sass b/addons/web/static/src/css/base.sass
index a98948117f6..ebffed27410 100644
--- a/addons/web/static/src/css/base.sass
+++ b/addons/web/static/src/css/base.sass
@@ -666,7 +666,8 @@ $sheet-padding: 16px
     // }}}
     // Notifications {{{
     .oe_notification
-        z-index: 1050
+        z-index: 1500
+        
     .oe_webclient_timezone_notification
         a
             color: white
@@ -2725,6 +2726,9 @@ body.oe_single_form
     .oe_act_window.modal-body
         padding: 0
 
+.ui-datepicker
+    z-index: 1500 !important
+
 input[type="radio"], input[type="checkbox"]
     margin-right: 4px
     margin-left: 4px