diff --git a/platypush/backend/http/webapp/src/components/Action/ActionTile.vue b/platypush/backend/http/webapp/src/components/Action/ActionTile.vue
index 176081af..01a7a9db 100644
--- a/platypush/backend/http/webapp/src/components/Action/ActionTile.vue
+++ b/platypush/backend/http/webapp/src/components/Action/ActionTile.vue
@@ -102,7 +102,7 @@ export default {
   cursor: pointer;
 
   &:hover {
-    color: $default-hover-fg;
+    background: $action-tile-hover-bg;
   }
 
   .action-delete {
diff --git a/platypush/backend/http/webapp/src/components/Action/vars.scss b/platypush/backend/http/webapp/src/components/Action/vars.scss
index 1b150b9d..eba7ce21 100644
--- a/platypush/backend/http/webapp/src/components/Action/vars.scss
+++ b/platypush/backend/http/webapp/src/components/Action/vars.scss
@@ -16,3 +16,4 @@ $params-tablet-width: 20em;
 $request-headers-btn-width: 7.5em;
 $action-tile-bg: linear-gradient(90deg, rgba(9,174,128,1) 0%, rgba(71,226,179,1) 120%);
 $action-tile-fg: white;
+$action-tile-hover-bg: linear-gradient(90deg, rgba(41,216,159,1) 0%, rgba(9,188,138,1) 70%);