diff --git a/addons/web/static/lib/bootstrap/js/bootstrap.js b/addons/web/static/lib/bootstrap/js/bootstrap.js
index 1c638ab4410..ba2d887a0fd 100644
--- a/addons/web/static/lib/bootstrap/js/bootstrap.js
+++ b/addons/web/static/lib/bootstrap/js/bootstrap.js
@@ -1141,7 +1141,7 @@ if (typeof jQuery === "undefined") { throw new Error("Bootstrap requires jQuery"
         var eventOut = trigger == 'hover' ? 'mouseleave' : 'blur'
 
         this.$element.on(eventIn  + '.' + this.type, this.options.selector, $.proxy(this.enter, this))
-        this.$element.on(eventOut + '.' + this.type, this.options.selector, $.proxy(this.leave, this))
+        //this.$element.on(eventOut + '.' + this.type, this.options.selector, $.proxy(this.leave, this))
       }
     }
 
diff --git a/addons/web/static/src/css/base.css b/addons/web/static/src/css/base.css
index 06239a389cd..008d811f30c 100644
--- a/addons/web/static/src/css/base.css
+++ b/addons/web/static/src/css/base.css
@@ -3465,10 +3465,11 @@ div.ui-widget-overlay {
 
 .tooltip-inner {
   text-align: left !important;
+  max-width: 250px;
 }
 
 .tooltip.bottom .tooltip-arrow {
-  left: 35% !important;
+  left: 50%;
 }
 
 button, body {
diff --git a/addons/web/static/src/css/base.sass b/addons/web/static/src/css/base.sass
index e74fae44206..549b89e2b21 100644
--- a/addons/web/static/src/css/base.sass
+++ b/addons/web/static/src/css/base.sass
@@ -2768,8 +2768,9 @@ div.ui-widget-overlay
 // Customize bootstrap3 for tooltip
 .tooltip-inner
     text-align: left !important
+    max-width: 250px
 .tooltip.bottom .tooltip-arrow
-    left: 35% !important
+    left: 50%
 // End of customize
 
 // Customize for global tags