diff --git a/pixelegg/css/mobile.css b/pixelegg/css/mobile.css
index d2c668c1de..bb805fb62b 100644
--- a/pixelegg/css/mobile.css
+++ b/pixelegg/css/mobile.css
@@ -159,6 +159,7 @@
   }
   .et2_button_icon {
     height: 16px;
+    background-color: transparent;
   }
   /* give the image a button lock and feel*/
   img.et2_button_icon[src*="svg"] {
@@ -1230,7 +1231,7 @@ option:checked {
   border-radius: 2px;
 }
 .ui-icon-close:hover {
-  background-color: #B4B4B4;
+  background-color: transparent;
 }
 .ui-icon-close:active {
   background-color: #fecc44 !important;
diff --git a/pixelegg/css/pixelegg.css b/pixelegg/css/pixelegg.css
index 82ef8c7601..dae4bac3ab 100644
--- a/pixelegg/css/pixelegg.css
+++ b/pixelegg/css/pixelegg.css
@@ -148,6 +148,7 @@
   }
   .et2_button_icon {
     height: 16px;
+    background-color: transparent;
   }
   /* give the image a button lock and feel*/
   img.et2_button_icon[src*="svg"] {
@@ -1219,7 +1220,7 @@ option:checked {
   border-radius: 2px;
 }
 .ui-icon-close:hover {
-  background-color: #B4B4B4;
+  background-color: transparent;
 }
 .ui-icon-close:active {
   background-color: #fecc44 !important;
diff --git a/pixelegg/less/etemplate2.less b/pixelegg/less/etemplate2.less
index b0a5cd5179..ceb31a47a4 100755
--- a/pixelegg/less/etemplate2.less
+++ b/pixelegg/less/etemplate2.less
@@ -125,6 +125,7 @@ a.et2_url.url {
 
 .et2_button_icon {
     .dimension_height_s;
+	background-color: transparent;
 }
 
 /* give the image a button lock and feel*/
diff --git a/pixelegg/less/jquery-ui.less b/pixelegg/less/jquery-ui.less
index ceb6557194..e5f0570897 100755
--- a/pixelegg/less/jquery-ui.less
+++ b/pixelegg/less/jquery-ui.less
@@ -195,7 +195,7 @@ option:checked {background-color: @egw_color_1_e;}
 	background-position: 0px 0px;
 	.rounded (2px);
 
-	&:hover{ background-color: @gray_30;}
+	&:hover{ background-color: transparent;}
 
 	&:active { background-color: @color_cancel_action_active !important;    }
 }
diff --git a/pixelegg/mobile/fw_mobile.css b/pixelegg/mobile/fw_mobile.css
index a1835dac82..f01ddd4225 100644
--- a/pixelegg/mobile/fw_mobile.css
+++ b/pixelegg/mobile/fw_mobile.css
@@ -170,6 +170,7 @@
   }
   .et2_button_icon {
     height: 16px;
+    background-color: transparent;
   }
   /* give the image a button lock and feel*/
   img.et2_button_icon[src*="svg"] {
@@ -1241,7 +1242,7 @@ option:checked {
   border-radius: 2px;
 }
 .ui-icon-close:hover {
-  background-color: #B4B4B4;
+  background-color: transparent;
 }
 .ui-icon-close:active {
   background-color: #fecc44 !important;