diff --git a/public/css/icinga/widgets.less b/public/css/icinga/widgets.less
index da6492604..10144cd0f 100644
--- a/public/css/icinga/widgets.less
+++ b/public/css/icinga/widgets.less
@@ -300,6 +300,7 @@ ul.tree li a.error:hover {
   font-size: @font-size-small;
   max-width: 300px;
   text-align: left;
+  background-color: rgba(0,0,0,0.8);
 }
 
 .progress-label span {
diff --git a/public/js/icinga/behavior/tooltip.js b/public/js/icinga/behavior/tooltip.js
index abc1d4952..bde78b1bd 100644
--- a/public/js/icinga/behavior/tooltip.js
+++ b/public/js/icinga/behavior/tooltip.js
@@ -27,8 +27,8 @@
             var $el = $(this);
             $el.attr('title', $el.data('title-rich') || $el.attr('title'));
         });
-        $('svg .chart-data', el).tipsy({ gravity: 'se', html: true });
-        $('i[title]', el).tipsy({ gravity: $.fn.tipsy.autoNS, offset: 2 });
+        $('svg .chart-data', el).tipsy({ gravity: 'se', html: true, opacity: 1 });
+        $('i[title]', el).tipsy({ gravity: $.fn.tipsy.autoNS, offset: 2, opacity: 1 });
         $('[title]', el).each(function (i, el) {
            var $el = $(el);
            var delay, gravity;
@@ -48,7 +48,8 @@
            delay = delay === undefined ? 500 : delay;
            $el.tipsy({
                gravity: gravity || $.fn.tipsy.autoNS,
-               delayIn: delay
+               delayIn: delay,
+               opacity: 1
            });
         });