diff --git a/addons/web_kanban/static/src/less/kanban_view.less b/addons/web_kanban/static/src/less/kanban_view.less
index 851d7c61720..b54084fc6b7 100644
--- a/addons/web_kanban/static/src/less/kanban_view.less
+++ b/addons/web_kanban/static/src/less/kanban_view.less
@@ -385,9 +385,6 @@
                 white-space: nowrap;
                 padding-top: 5px;
             }
-            .o_kanban_quick_add.oe_tip_show_element i {
-                color: @odoo-brand-optional;
-            }
             .o_kanban_quick_add i {
                 .o-kanban-icon;
                 &:hover {
diff --git a/addons/web_tip/static/src/js/tip.js b/addons/web_tip/static/src/js/tip.js
index d7687bb166c..518c337b225 100644
--- a/addons/web_tip/static/src/js/tip.js
+++ b/addons/web_tip/static/src/js/tip.js
@@ -207,6 +207,14 @@ var Tip = Class.extend({
         this._set_helper_position();
         this.scroll_to_tip();
 
+        var $bgElem = this.$element;
+        var bgColor = $bgElem.css('background-color');
+        while($bgElem.length > 0 && (bgColor === 'transparent' || bgColor === 'rgba(0, 0, 0, 0)')) {
+            $bgElem = $bgElem.parent();
+            bgColor = $bgElem.css('background-color');
+        }
+        this.$helper.css('background-color', bgColor || "white");
+
         $('body').append(this.$overlay);
         this.$element.addClass('oe_tip_show_element');
 
@@ -302,8 +310,8 @@ var Tip = Class.extend({
         var _height = this.$element.outerHeight() + 10;
 
         this.$helper.offset({top: _top, left: _left});
-        this.$helper.width(_width);
-        this.$helper.height(_height);
+        this.$helper.css('width', _width);
+        this.$helper.css('height', _height);
     },
 
     _set_popover_position: function() {
diff --git a/addons/web_tip/static/src/less/tip.less b/addons/web_tip/static/src/less/tip.less
index e71e44f8e0d..9980a0dc83a 100644
--- a/addons/web_tip/static/src/less/tip.less
+++ b/addons/web_tip/static/src/less/tip.less
@@ -18,8 +18,7 @@
 .oe_tip_helper {
     position: absolute;
     z-index: 1008;
-    background-color: @odoo-view-background-color;
-    border: 1px solid @odoo-brand-secondary;
+    border: 5px solid @odoo-view-background-color;
     border-radius: @border-radius-base;
     box-shadow: 0 2px 15px rgba(0,0,0,.4);
     .o-transition(all, 300ms, ease-out);
@@ -39,7 +38,8 @@
 
 .oe_tip_show_element {
     z-index: 1011 !important;
-    position: relative;
+    position: relative !important;
+    border: none !important;
 }
 
 .oe_breathing {