diff --git a/src/components/knob/Knob.vue b/src/components/knob/Knob.vue
index c953c9481..56e9980f1 100644
--- a/src/components/knob/Knob.vue
+++ b/src/components/knob/Knob.vue
@@ -57,7 +57,7 @@ export default {
         },
         rangeColor: {
             type: String,
-            default: 'var(--surface-d, LightGray)'
+            default: 'var(--surface-border, LightGray)'
         },
         textColor: {
             type: String,