diff --git a/webapp/src/components/labThingsComponents/inputFromSchema.vue b/webapp/src/components/labThingsComponents/inputFromSchema.vue
index f1e27afd..227e3e1a 100644
--- a/webapp/src/components/labThingsComponents/inputFromSchema.vue
+++ b/webapp/src/components/labThingsComponents/inputFromSchema.vue
@@ -210,6 +210,7 @@ export default {
 
   watch: {
     modelValue: {
+      deep: true,
       handler() {
         // Fire updateIsEdited on both modelValue and internal modelValue change,
         // as change in modelValue may not causse internalValue to change.
diff --git a/webapp/src/components/tabContentComponents/backgroundDetectComponents/paneBackgroundDetect.vue b/webapp/src/components/tabContentComponents/backgroundDetectComponents/paneBackgroundDetect.vue
index 36745ac1..9f182789 100644
--- a/webapp/src/components/tabContentComponents/backgroundDetectComponents/paneBackgroundDetect.vue
+++ b/webapp/src/components/tabContentComponents/backgroundDetectComponents/paneBackgroundDetect.vue
@@ -66,6 +66,10 @@ export default {
     };
   },
 
+  async created() {
+    await this.readSettings();
+  },
+
   methods: {
     async safeReadSettings() {
       if (!this.$store.state.connected) return;
diff --git a/webapp/src/components/tabContentComponents/slideScanContent.vue b/webapp/src/components/tabContentComponents/slideScanContent.vue
index d27109bc..037258f3 100644
--- a/webapp/src/components/tabContentComponents/slideScanContent.vue
+++ b/webapp/src/components/tabContentComponents/slideScanContent.vue
@@ -8,10 +8,10 @@
 
           <select
             class="uk-select uk-form-small"
-            :modelValue="workflowName"
-            @change="setWorkflow($event.target.modelValue)"
+            :value="workflowName"
+            @change="setWorkflow($event.target.value)"
           >
-            <option v-for="(label, name) in workflowOptions" :key="name" :modelValue="name">
+            <option v-for="(label, name) in workflowOptions" :key="name" :value="name">
               {{ label }}
             </option>
           </select>
@@ -186,7 +186,7 @@ export default {
         this.visibilityChanged(isIntersecting);
       },
       {
-        threshold: 0.0, // Adjust as needed
+        threshold: 0.0,
       },
     );
   },
@@ -198,9 +198,9 @@ export default {
       }
     },
     async readSettings() {
-      this.workflowOptions = await this.readThingProperty("smart_scan", "workflow_display_names", true) || {};
+      //this.workflowOptions = await this.readThingProperty("smart_scan", "workflow_display_names", true) || {};
 
-      this.workflowName = await this.readThingProperty("smart_scan", "workflow_name", false);
+      this.workflowName = await this.readThingProperty("smart_scan", "workflow_name");
 
       if (!this.workflowName) {
           console.warn("Could not read workflow_name, using default");
@@ -266,11 +266,6 @@ export default {
       try {
         this.workflowName = name;
 
-        if (!this.workflowName) {
-          console.warn("Could not read workflow_name, using default");
-          this.workflowName = "histo_scan_workflow";
-        }
-
         await this.writeThingProperty("smart_scan", "workflow_name", name);
 
         // refresh  UI