diff --git a/public/css/icinga/footer-elements.less b/public/css/icinga/footer-elements.less
index d9c49f100..f3b248b69 100644
--- a/public/css/icinga/footer-elements.less
+++ b/public/css/icinga/footer-elements.less
@@ -26,6 +26,10 @@ div#footer {
   background-position: 1em center;
 }
 
+#notifications > li:hover {
+  cursor: pointer;
+}
+
 #notifications > li.info {
   background-color: @colorFormNotificationInfo;
 }
diff --git a/public/js/icinga/events.js b/public/js/icinga/events.js
index 84354c960..5e49fbda9 100644
--- a/public/js/icinga/events.js
+++ b/public/js/icinga/events.js
@@ -105,6 +105,9 @@
             // We catch scroll events in our containers
             $('.container').on('scroll', { self: this }, this.icinga.events.onContainerScroll);
 
+            // Remove notifications on click
+            $(document).on('click', '#notifications li', function () { $(this).remove(); });
+
             // We want to catch each link click
             $(document).on('click', 'a', { self: this }, this.linkClicked);
             $(document).on('click', 'tr[href]', { self: this }, this.linkClicked);