diff --git a/src/components/playback/brightnessosd.js b/src/components/playback/brightnessosd.js
index 47551e8de..e73fc3968 100644
--- a/src/components/playback/brightnessosd.js
+++ b/src/components/playback/brightnessosd.js
@@ -98,15 +98,22 @@ define(['events', 'playbackManager', 'dom', 'browser', 'css!./iconosd', 'materia
         }
     }
 
+    function setIcon(iconElement, icon) {
+        iconElement.classList.remove('brightness_high');
+        iconElement.classList.remove('brightness_medium');
+        iconElement.classList.remove('brightness_low');
+        iconElement.classList.add(icon);
+    }
+
     function updateElementsFromPlayer(brightness) {
 
         if (iconElement) {
             if (brightness >= 80) {
-                iconElement.innerHTML = '';
+                setIcon(iconElement, 'brightness_high');
             } else if (brightness >= 20) {
-                iconElement.innerHTML = '';
+                setIcon(iconElement, 'brightness_medium');
             } else {
-                iconElement.innerHTML = '';
+                setIcon(iconElement, 'brightness_low');
             }
         }
         if (progressElement) {