diff --git a/addons/web/static/src/css/base.css b/addons/web/static/src/css/base.css
index 25d2bf2441f..06239a389cd 100644
--- a/addons/web/static/src/css/base.css
+++ b/addons/web/static/src/css/base.css
@@ -3464,11 +3464,11 @@ div.ui-widget-overlay {
 }
 
 .tooltip-inner {
-  text-align: left;
+  text-align: left !important;
 }
 
 .tooltip.bottom .tooltip-arrow {
-  left: 35%;
+  left: 35% !important;
 }
 
 button, body {
diff --git a/addons/web/static/src/css/base.sass b/addons/web/static/src/css/base.sass
index 541a7f66d88..e74fae44206 100644
--- a/addons/web/static/src/css/base.sass
+++ b/addons/web/static/src/css/base.sass
@@ -2767,9 +2767,9 @@ div.ui-widget-overlay
 
 // Customize bootstrap3 for tooltip
 .tooltip-inner
-    text-align: left
+    text-align: left !important
 .tooltip.bottom .tooltip-arrow
-    left: 35%
+    left: 35% !important
 // End of customize
 
 // Customize for global tags
diff --git a/addons/web/static/src/js/search.js b/addons/web/static/src/js/search.js
index 1cc2b4815d0..994673021a3 100644
--- a/addons/web/static/src/js/search.js
+++ b/addons/web/static/src/js/search.js
@@ -401,7 +401,7 @@ instance.web.SearchView = instance.web.Widget.extend(/** @lends instance.web.Sea
                 .on('add change reset remove', this.proxy('do_search'))
                 .on('add change reset remove', this.proxy('renderFacets'));
         $('.oe_searchview_unfold_drawer').attr('data-toggle', 'tooltip');
-        $('.oe_searchview_unfold_drawer').tooltip({html: true});
+        $('.oe_searchview_unfold_drawer').tooltip({placement: 'bottom', html: true});
         if (this.options.hidden) {
             this.$el.hide();
         }
diff --git a/addons/web/static/src/js/view_form.js b/addons/web/static/src/js/view_form.js
index d10bd7a97a5..7ffbffd44f3 100644
--- a/addons/web/static/src/js/view_form.js
+++ b/addons/web/static/src/js/view_form.js
@@ -1862,7 +1862,12 @@ instance.web.form.FormWidget = instance.web.Widget.extend(instance.web.form.Invi
                     });
                 },
                 container: 'body',
-                placement: 'bottom',
+                placement: function(tip, trigger) {  //dynamic set position
+                    var offset = $(trigger).offset();
+                    var vert = 0.5 * $(document).outerHeight() - offset.top;
+                    var vertPlacement = vert > 0 ? 'bottom' : 'top';
+                    return vertPlacement;
+                },
                 html: true,
                 opacity: 0.85,
             }, options || {});