diff --git a/modules/monitoring/public/css/tables.less b/modules/monitoring/public/css/tables.less
index 4c48b9123..d684fdb3e 100644
--- a/modules/monitoring/public/css/tables.less
+++ b/modules/monitoring/public/css/tables.less
@@ -202,8 +202,11 @@
   width: 100%;
 
   tr[href] {
+    .transition(background 0.2s ease);
+
     &.active {
       background-color: @gray-lighter;
+      transition: none;
     }
 
     &:hover {
diff --git a/public/css/icinga/main.less b/public/css/icinga/main.less
index e724b0ce0..b2220f894 100644
--- a/public/css/icinga/main.less
+++ b/public/css/icinga/main.less
@@ -159,9 +159,12 @@ a:hover > .icon-cancel {
   }
 
   tr[href] {
+    .transition(background 0.2s ease);
+
     &.active {
       background-color: @gray-lighter;
       border-left-color: @icinga-blue;
+      transition: none;
     }
 
     &:hover {