diff --git a/approot/mediaplayer.xml b/approot/mediaplayer.xml
index 87b311bb..8fb44ba3 100644
--- a/approot/mediaplayer.xml
+++ b/approot/mediaplayer.xml
@@ -34,7 +34,7 @@
 				</span>
 			</div>
 			<div class="p-2 d-none d-sm-block text-muted text-nowrap">
-				<span id="lms-transcoding-active" title="${tr:Lms.Player.transcoding-active}" class="p-2" style="visibility:hidden"><i class="fa fa-fw fa-info-circle" aria-hidden="true"></i></span>
+				<span id="lms-transcoding-active" title="${tr:Lms.Player.transcoding-active}" class="p-2" style="display:none"><i class="fa fa-fw fa-info-circle" aria-hidden="true"></i></span>
 				<span id="lms-mp-curtime">--</span> / <span id="lms-mp-duration">--</span>
 			</div>
 			<div class="p-2 d-none d-md-flex align-items-center Lms-player-volume-container">
diff --git a/docroot/js/mediaplayer.js b/docroot/js/mediaplayer.js
index ea174380..2a345e78 100644
--- a/docroot/js/mediaplayer.js
+++ b/docroot/js/mediaplayer.js
@@ -271,10 +271,10 @@ LMS.mediaplayer = function () {
 
 		_elems.audio.addEventListener("canplay", function() {
 			if (_getAudioMode() == Mode.Transcode) {
-				_elems.transcodingActive.style.visibility = "visible";
+				_elems.transcodingActive.style.display = "inline";
 			}
 			else {
-				_elems.transcodingActive.style.visibility = "hidden";
+				_elems.transcodingActive.style.display = "none";
 			}
 		});