diff --git a/htdocs/css/openwebrx.css b/htdocs/css/openwebrx.css
index 05cfcbf..f4fa7f6 100644
--- a/htdocs/css/openwebrx.css
+++ b/htdocs/css/openwebrx.css
@@ -559,13 +559,11 @@ img.openwebrx-mirror-img
 	border-radius: 5px;
 	height: 100%;
 	width: 100%;
-	position: absolute;
-	left: -100%;
-	transition-property: left,background-color;
+	transition-property: transform, background-color;
 	transition-duration: 1s;
 	transition-timing-function: ease-in-out;
-	transform: translateZ(0);
-	will-change: left;
+	transform: translate(-100%) translateZ(0);
+	will-change: transform, background-color;
 }
 
 .openwebrx-progressbar--over .openwebrx-progressbar-bar {
diff --git a/htdocs/lib/ProgressBar.js b/htdocs/lib/ProgressBar.js
index 71b1754..9b791ad 100644
--- a/htdocs/lib/ProgressBar.js
+++ b/htdocs/lib/ProgressBar.js
@@ -18,7 +18,7 @@ ProgressBar.prototype.set = function(val, text, over) {
 ProgressBar.prototype.setValue = function(val) {
     if (val < 0) val = 0;
     if (val > 1) val = 1;
-    this.$innerBar.css({left: (val - 1) * 100 + '%'});
+    this.$innerBar.css({transform: 'translate(' + ((val - 1) * 100) + '%) translateZ(0)'});
 };
 
 ProgressBar.prototype.setText = function(text) {