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