diff --git a/ActiveBOWeb/src/components/WeightTuner.vue b/ActiveBOWeb/src/components/WeightTuner.vue
index 04a3cde..b714a5a 100644
--- a/ActiveBOWeb/src/components/WeightTuner.vue
+++ b/ActiveBOWeb/src/components/WeightTuner.vue
@@ -1,10 +1,10 @@
 <template>
   <v-row no-gutters justify="center" class="weight-tuner">
     <!-- eslint-disable-next-line -->
-    <v-col v-for="(weight, idx) in weights">
+    <v-col v-for="(_ , idx) in weights" :key="idx">
       <div class="weight-container">
         <vue-slider
-          :value="weight"
+          v-model="weights[idx]"
           @change="updateWeight(idx, $event)"
           direction="btt"
           :height="100"
@@ -26,7 +26,10 @@ import { computed } from "vue";
 
 const store = usePStore();
 
-const weights = computed(() => store.weights);
+const weights = computed({
+  get: () => store.weights,
+  set: (value) => store.setWeights(value),
+});
 
 const updateWeight = (index, newValue) => {
   const newWeights = weights.value.slice();