diff --git a/share/web_surfaces/builtin/mixer/ardour-toolkit-theme/css/knob.css b/share/web_surfaces/builtin/mixer/ardour-toolkit-theme/css/knob.css
index 724e31663a..976c1c1f92 100644
--- a/share/web_surfaces/builtin/mixer/ardour-toolkit-theme/css/knob.css
+++ b/share/web_surfaces/builtin/mixer/ardour-toolkit-theme/css/knob.css
@@ -28,14 +28,14 @@
     height: 100%;
 }
 .toolkit-knob > svg > .toolkit-circular > .toolkit-hand {
-    fill: #002a42;
+    fill: #487c92;
 }
 
 .toolkit-knob > svg > .toolkit-circular > .toolkit-base {
     
 }
 .toolkit-knob > svg > .toolkit-circular > .toolkit-value {
-    fill: #487c92;
+    /*fill: #487c92;*/
 }
 .toolkit-knob > svg > .toolkit-circular > .toolkit-dots > .toolkit-dot {
     fill: #002f42;
diff --git a/share/web_surfaces/builtin/mixer/js/tkwidget.js b/share/web_surfaces/builtin/mixer/js/tkwidget.js
index 18e855caaf..702255fb8f 100644
--- a/share/web_surfaces/builtin/mixer/js/tkwidget.js
+++ b/share/web_surfaces/builtin/mixer/js/tkwidget.js
@@ -177,7 +177,11 @@ export class PanKnob extends Knob {
             //scale: 'linear',
             scale: (k) => 1.0 - k,
             min: 0,
-            max: 1.0
+            max: 1.0,
+            hand: {
+                width: 5,
+                length: 15
+            }
         });
     }