diff --git a/player/player-ui-styling/css/style.css b/player/player-ui-styling/css/style.css
index d535444e..8182d009 100644
--- a/player/player-ui-styling/css/style.css
+++ b/player/player-ui-styling/css/style.css
@@ -52,6 +52,10 @@ a {
 /*background-color: #ff1237;*/
 /*}*/
 
+.bmpui-seekbar.bigseek > * {
+    font-size: 3em;
+}
+
 .bmpui-seekbar-backdrop.orange {
     background-color: #ff931e !important;
 }
diff --git a/player/player-ui-styling/js/script.js b/player/player-ui-styling/js/script.js
index 7c4d2dfe..3ee6ad93 100644
--- a/player/player-ui-styling/js/script.js
+++ b/player/player-ui-styling/js/script.js
@@ -16,7 +16,7 @@ var source = {
   poster: 'https://bitmovin-a.akamaihd.net/content/sintel/poster.png'
 };
 
-var currentUiManager, isBigSeekbar = false, isSmallscreen = false;
+var currentUiManager, isSmallscreen = false;
 
 var playerContainer = document.getElementById('player-container');
 var player = new bitmovin.player.Player(playerContainer, conf);
@@ -43,8 +43,8 @@ document.getElementById('watermark').addEventListener('click', function() {
 
 
 document.getElementById('bigseek').addEventListener('click', function() {
-  $('.bmpui-ui-seekbar').css('font-size', isBigSeekbar ? '1em' : '3em');
-  isBigSeekbar = !isBigSeekbar;
+  var seekbar = $('.bmpui-seekbar')[0];
+  seekbar.classList.toggle('bigseek');
 });
 
 document.getElementById('color2').addEventListener('click', function() {