diff --git a/main/inc/lib/javascript/hotspot/css/hotspot.css b/main/inc/lib/javascript/hotspot/css/hotspot.css
index 3c0a8caad3..5769445175 100644
--- a/main/inc/lib/javascript/hotspot/css/hotspot.css
+++ b/main/inc/lib/javascript/hotspot/css/hotspot.css
@@ -288,4 +288,11 @@ svg .hotspot-answer-point {
     fill: rgba(0, 103, 124, 0.75);
     stroke: rgb(0, 103, 124);
     stroke-width: 1;
+    cursor: move;
+}
+
+svg .hotspot-answer-text {
+    cursor: move;
+    fill: #FFF;
+    font-family: sans-serif;
 }
diff --git a/main/inc/lib/javascript/hotspot/js/hotspot.js b/main/inc/lib/javascript/hotspot/js/hotspot.js
index 949ef4c329..bce9e0bb38 100755
--- a/main/inc/lib/javascript/hotspot/js/hotspot.js
+++ b/main/inc/lib/javascript/hotspot/js/hotspot.js
@@ -372,9 +372,8 @@ window.HotspotQuestion = (function () {
             this.textEl.setAttribute('x', this.model.get('x'));
             this.textEl.setAttribute('y', this.model.get('y'));
             this.textEl.setAttribute('dy', 5);
-            this.textEl.setAttribute('font-family', 'sans-serif');
             this.textEl.setAttribute('text-anchor', 'middle');
-            this.textEl.setAttribute('fill', 'white');
+            this.textEl.setAttribute('class', 'hotspot-answer-text');
             this.textEl.textContent = this.answerIndex + 1;
 
             return this;