diff --git a/www/resources/js/viewer/Renderer.js b/www/resources/js/viewer/Renderer.js
index 54c5c40..68513d4 100644
--- a/www/resources/js/viewer/Renderer.js
+++ b/www/resources/js/viewer/Renderer.js
@@ -22,7 +22,7 @@ class Renderer {
     let inversedAge = 1 - gazePoint.relativeAge,
       radius = inversedAge * GAZE_POINT_RADIUS;
     context.save();
-    context.fillStyle = gazePoint.color;
+    context.fillStyle = gazePoint.color || DEFAULT_GAZE_POINT_COLOR;
     context.globalAlpha = inversedAge;
     context.globalAlpha = 1;
     context.beginPath();