diff --git a/app/javascript/controllers/knob_controller.js b/app/javascript/controllers/knob_controller.js
index d097a824c..0ca225750 100644
--- a/app/javascript/controllers/knob_controller.js
+++ b/app/javascript/controllers/knob_controller.js
@@ -15,17 +15,17 @@ export default class extends Controller {
     this.#index = target.value
   }
 
+  set #index(index) {
+    this.fieldTarget.style.setProperty("--knob-index", `${index}`);
+    this.sliderTarget.value = index
+  }
+
   get #selectedOption() {
     return this.optionTargets.find(option => {
       return option.checked
     })
   }
 
-  set #index(index) {
-    this.fieldTarget.style.setProperty("--knob-index", `${index}`);
-    this.sliderTarget.value = index
-  }
-
   set #value(index) {
     this.#optionForIndex(index).checked = true
   }