diff --git a/src/elements/emby-slider/emby-slider.js b/src/elements/emby-slider/emby-slider.js
index 512fb5bfe4..03cbf141e2 100644
--- a/src/elements/emby-slider/emby-slider.js
+++ b/src/elements/emby-slider/emby-slider.js
@@ -203,14 +203,14 @@ function setMarker(range, valueMarker, marker, valueProgress) {
}
function updateMarkers(range, currentValue) {
- if (range.getMarkerInfo) {
+ if (range.getMarkerInfo && !range.markerInfo) {
range.markerInfo = range.getMarkerInfo();
- range.markerContainerElement.innerHTML = '';
-
+ let markersHtml = '';
range.markerInfo.forEach(() => {
- range.markerContainerElement.insertAdjacentHTML('beforeend', '');
+ markersHtml += '';
});
+ range.markerContainerElement.innerHTML = markersHtml;
range.markerElements = range.markerContainerElement.querySelectorAll('.sliderMarker');
}
diff --git a/src/elements/emby-slider/emby-slider.scss b/src/elements/emby-slider/emby-slider.scss
index c0f7d5e743..0b566c98da 100644
--- a/src/elements/emby-slider/emby-slider.scss
+++ b/src/elements/emby-slider/emby-slider.scss
@@ -263,7 +263,7 @@
.sliderMarker {
position: absolute;
width: 2px;
- height: 0.5em;
+ height: 12px;
transform: translate3d(0, 25%, 0);
}