diff --git a/pixelegg/css/mobile.css b/pixelegg/css/mobile.css
index de44759f33..002f553f3f 100644
--- a/pixelegg/css/mobile.css
+++ b/pixelegg/css/mobile.css
@@ -4986,7 +4986,12 @@ td.message span.message {
 }
 #egw_fw_sidebar #egw_fw_toggler span:before {
   transition-duration: 0.7s;
+  -webkit-transition-duration: 0.7s;
+  -moz-transition-duration: 0.7s;
   transform: rotate(145deg) translate(8px, -2px);
+  -ms-transform: rotate(145deg) translate(8px, -2px);
+  -moz-transform: rotate(145deg) translate(8px, -2px);
+  -webkit-transform: rotate(145deg) translate(8px, -2px);
   background-color: #b4b4b4;
 }
 #egw_fw_sidebar #egw_fw_toggler span:before,
@@ -5004,7 +5009,12 @@ td.message span.message {
 #egw_fw_sidebar #egw_fw_toggler span:after {
   top: 9px;
   transition-duration: 0.7s;
+  -webkit-transition-duration: 0.7s;
+  -moz-transition-duration: 0.7s;
   transform: rotate(-145deg) translate(8px, 2px);
+  -ms-transform: rotate(-145deg) translate(8px, 2px);
+  -moz-transform: rotate(-145deg) translate(8px, 2px);
+  -webkit-transform: rotate(-145deg) translate(8px, 2px);
   background-color: #606060;
 }
 #egw_fw_sidebar .egw_fw_sidebar_toggleOn {
@@ -5018,10 +5028,15 @@ td.message span.message {
 #egw_fw_sidebar .egw_fw_sidebar_toggleOn #egw_fw_toggler span {
   background-color: #b4b4b4;
   transition: all 0.3s;
+  -webkit-transition: all 0.3s;
+  -moz-transition: all 0.3s;
 }
 #egw_fw_sidebar .egw_fw_sidebar_toggleOn #egw_fw_toggler span:before,
 #egw_fw_sidebar .egw_fw_sidebar_toggleOn #egw_fw_toggler span:after {
   transform: none;
+  -ms-transform: none;
+  -moz-transform: none;
+  -webkit-transform: none;
   width: 100%;
   height: 5px;
   background-color: #b4b4b4;
diff --git a/pixelegg/css/pixelegg.css b/pixelegg/css/pixelegg.css
index ed3c6b4b4f..df43057f9d 100644
--- a/pixelegg/css/pixelegg.css
+++ b/pixelegg/css/pixelegg.css
@@ -4975,7 +4975,12 @@ td.message span.message {
 }
 #egw_fw_sidebar #egw_fw_toggler span:before {
   transition-duration: 0.7s;
+  -webkit-transition-duration: 0.7s;
+  -moz-transition-duration: 0.7s;
   transform: rotate(145deg) translate(8px, -2px);
+  -ms-transform: rotate(145deg) translate(8px, -2px);
+  -moz-transform: rotate(145deg) translate(8px, -2px);
+  -webkit-transform: rotate(145deg) translate(8px, -2px);
   background-color: #b4b4b4;
 }
 #egw_fw_sidebar #egw_fw_toggler span:before,
@@ -4993,7 +4998,12 @@ td.message span.message {
 #egw_fw_sidebar #egw_fw_toggler span:after {
   top: 9px;
   transition-duration: 0.7s;
+  -webkit-transition-duration: 0.7s;
+  -moz-transition-duration: 0.7s;
   transform: rotate(-145deg) translate(8px, 2px);
+  -ms-transform: rotate(-145deg) translate(8px, 2px);
+  -moz-transform: rotate(-145deg) translate(8px, 2px);
+  -webkit-transform: rotate(-145deg) translate(8px, 2px);
   background-color: #606060;
 }
 #egw_fw_sidebar .egw_fw_sidebar_toggleOn {
@@ -5007,10 +5017,15 @@ td.message span.message {
 #egw_fw_sidebar .egw_fw_sidebar_toggleOn #egw_fw_toggler span {
   background-color: #b4b4b4;
   transition: all 0.3s;
+  -webkit-transition: all 0.3s;
+  -moz-transition: all 0.3s;
 }
 #egw_fw_sidebar .egw_fw_sidebar_toggleOn #egw_fw_toggler span:before,
 #egw_fw_sidebar .egw_fw_sidebar_toggleOn #egw_fw_toggler span:after {
   transform: none;
+  -ms-transform: none;
+  -moz-transform: none;
+  -webkit-transform: none;
   width: 100%;
   height: 5px;
   background-color: #b4b4b4;
diff --git a/pixelegg/less/layout_raster_sidebar.less b/pixelegg/less/layout_raster_sidebar.less
index 739c2c4e33..298e49fab4 100644
--- a/pixelegg/less/layout_raster_sidebar.less
+++ b/pixelegg/less/layout_raster_sidebar.less
@@ -346,7 +346,12 @@
 			background-color: transparent;
 			&:before{
 				transition-duration: 0.7s;
+				-webkit-transition-duration: 0.7s;
+				-moz-transition-duration: 0.7s;
 				transform: rotate(145deg) translate(8px, -2px);
+				-ms-transform: rotate(145deg) translate(8px, -2px);
+				-moz-transform: rotate(145deg) translate(8px, -2px);
+				-webkit-transform: rotate(145deg) translate(8px, -2px);
 				background-color: #b4b4b4;
 			}
 			&:before, &:after {
@@ -363,7 +368,12 @@
 			&:after {
 				top:9px;
 				transition-duration: 0.7s;
+				-webkit-transition-duration: 0.7s;
+				-moz-transition-duration: 0.7s;
 				transform: rotate(-145deg) translate(8px, 2px);
+				-ms-transform: rotate(-145deg) translate(8px, 2px);
+				-moz-transform: rotate(-145deg) translate(8px, 2px);
+				-webkit-transform: rotate(-145deg) translate(8px, 2px);
 				background-color: #606060;
 			}
 			position: relative;
@@ -383,8 +393,13 @@
 			span {
 				background-color: #b4b4b4;
 				transition: all 0.3s;
+				-webkit-transition: all 0.3s;
+				-moz-transition: all 0.3s;
 				&:before, &:after {
 					transform:none;
+					-ms-transform: none;
+					-moz-transform: none;
+					-webkit-transform: none;
 					width:100%;
 					height:5px;
 					background-color: #b4b4b4;