diff --git a/css/hues-x.css b/css/hues-x.css
index 615ceff..1ccae8a 100644
--- a/css/hues-x.css
+++ b/css/hues-x.css
@@ -39,8 +39,10 @@
 
 .hues-x-lighton, .hues-x-lightoff {
     position: absolute;
-    width: 68px;
-    height: 113px;
+    width: 56px;
+    height: 81px;
+    left: 5px;
+    top: 9px;
     background-repeat: no-repeat;
 }
 
diff --git a/img/lightoff.png b/img/lightoff.png
index ca81dbf..1dea669 100644
Binary files a/img/lightoff.png and b/img/lightoff.png differ
diff --git a/img/lighton.png b/img/lighton.png
index 86ec88a..fdc71e3 100644
Binary files a/img/lighton.png and b/img/lighton.png differ
diff --git a/js/HuesUI.js b/js/HuesUI.js
index cd9f9c5..9ed8564 100644
--- a/js/HuesUI.js
+++ b/js/HuesUI.js
@@ -882,9 +882,9 @@ XmasUI.prototype.lightFadeOut = function(light) {
 };
 
 XmasUI.prototype.lightRecolour = function(light) {
-    var hue = Math.random() * 360;
-    light.bulb.style.filter = "hue-rotate(" + hue + "deg)";
-    light.bulb.style.webkitFilter = "hue-rotate(" + hue + "deg)";
+    var hue = Math.floor(Math.random() * 7) * -56;
+    light.on.style.backgroundPosition = hue + "px, 0, center";
+    light.off.style.backgroundPosition = hue + "px, 0, center";
 };
 
 XmasUI.prototype.randomLight = function(light) {