diff --git a/webapp/src/components/labThingsComponents/endpointButton.vue b/webapp/src/components/labThingsComponents/endpointButton.vue
index 2b4b7eb3..5a697f59 100644
--- a/webapp/src/components/labThingsComponents/endpointButton.vue
+++ b/webapp/src/components/labThingsComponents/endpointButton.vue
@@ -5,7 +5,7 @@
       isDisabled ? 'uk-button-disabled' : '',
       buttonPrimary ? 'uk-button-primary' : 'uk-button-default',
     ]"
-    :href="URL"
+    :href="url"
     download
   >
     {{ buttonLabel }}</a
@@ -22,7 +22,7 @@ export default {
       required: false,
       default: true,
     },
-    URL: {
+    url: {
       type: String,
       required: true,
     },
diff --git a/webapp/src/components/labThingsComponents/inputFromSchema.vue b/webapp/src/components/labThingsComponents/inputFromSchema.vue
index 268f5583..30f14857 100644
--- a/webapp/src/components/labThingsComponents/inputFromSchema.vue
+++ b/webapp/src/components/labThingsComponents/inputFromSchema.vue
@@ -95,9 +95,11 @@ export default {
   props: {
     dataSchema: {
       type: Object,
+      required: true,
     },
     value: {
       type: null,
+      required: true,
     },
     label: {
       type: String,
diff --git a/webapp/src/components/tabContentComponents/loggingContent.vue b/webapp/src/components/tabContentComponents/loggingContent.vue
index 2e555f49..86f611ea 100644
--- a/webapp/src/components/tabContentComponents/loggingContent.vue
+++ b/webapp/src/components/tabContentComponents/loggingContent.vue
@@ -24,7 +24,7 @@
           <div>
             <EndpointButton
               class="uk-button uk-width-1-1"
-              :u-r-l="logFileURI"
+              :url="logFileURI"
               button-label="Download Log File"
               :button-primary="false"
             />
diff --git a/webapp/src/components/tabContentComponents/scanListComponents/scanCard.vue b/webapp/src/components/tabContentComponents/scanListComponents/scanCard.vue
index 7b63c9d5..5c9e6ea3 100644
--- a/webapp/src/components/tabContentComponents/scanListComponents/scanCard.vue
+++ b/webapp/src/components/tabContentComponents/scanListComponents/scanCard.vue
@@ -31,7 +31,7 @@
             class="uk-width-1-2"
             :button-primary="true"
             :is-disabled="!scanData.stitch_available"
-            :u-r-l="downloadStitchFile"
+            :url="downloadStitchFile"
             button-label="Download JPEG"
           />
         </div>
diff --git a/webapp/src/components/tabContentComponents/settingsComponents/CSMSettingsComponents/CSMCalibrationSettings.vue b/webapp/src/components/tabContentComponents/settingsComponents/CSMSettingsComponents/CSMCalibrationSettings.vue
index aba977ad..53c909f0 100644
--- a/webapp/src/components/tabContentComponents/settingsComponents/CSMSettingsComponents/CSMCalibrationSettings.vue
+++ b/webapp/src/components/tabContentComponents/settingsComponents/CSMSettingsComponents/CSMCalibrationSettings.vue
@@ -26,7 +26,7 @@
     >
       Download Calibration Data
     </button>
-    <div v-if="this.csmMatrix != 'undefined'" style="margin:10px;">
+    <div v-if="csmMatrix != 'undefined'" style="margin:10px;">
       <details
         ><summary>Calibration Details</summary>
         <strong>CSM calculated for images with a resolution of {{ csmResolution }}</strong>
diff --git a/webapp/src/components/tabContentComponents/settingsComponents/stageSettings.vue b/webapp/src/components/tabContentComponents/settingsComponents/stageSettings.vue
index fc75db7f..97d8e0d3 100644
--- a/webapp/src/components/tabContentComponents/settingsComponents/stageSettings.vue
+++ b/webapp/src/components/tabContentComponents/settingsComponents/stageSettings.vue
@@ -3,29 +3,28 @@
     The microscope stage is a <b>{{ stageType }}</b>
     <div>
       <div class="uk-margin">
+        <p>Your z motor is currently {{ z_inverted }} inverted.</p>
         <p>
-        <br>
-        Your z motor is currently {{ this.z_inverted }} inverted.
-        <br>
-        <br>
-        We expect that moving in +z:
+          We expect that moving in +z:
+        </p>
         <ul>
-        <li> Moves your objective up, towards the sample and illumination</li>
-        <li> Turns the exposed z gear anti-clockwise (when viewed from above)</li>
+          <li>Moves your objective up, towards the sample and illumination</li>
+          <li>Turns the exposed z gear anti-clockwise (when viewed from above)</li>
         </ul>
-        If this is not the case, click the button below to switch.
+        <p>
+          If this is not the case, click the button below to switch.
         </p>
         <div class="uk-margin">
           <div class="uk-margin">
-          <action-button
-            class="uk-width-1-2"
-            thing="stage"
-            action="invert_axis_direction"
-            :submit-data="{ axis: 'z' }"
-            submit-label="Invert z"
-            @response=readAxis()
-          />
-        </div>
+            <action-button
+              class="uk-width-1-2"
+              thing="stage"
+              action="invert_axis_direction"
+              :submit-data="{ axis: 'z' }"
+              submit-label="Invert z"
+              @response="readAxis()"
+            />
+          </div>
         </div>
       </div>
     </div>
@@ -51,23 +50,20 @@ export default {
   computed: {
     stageType: function() {
       return this.thingDescription("stage").title;
-    }
+    },
   },
 
-  methods:{
+  methods: {
     visibilityChanged(isVisible) {
       if (isVisible) {
         this.readAxis();
       }
     },
     async readAxis() {
-      let axes_inverted = await this.readThingProperty(
-        "stage",
-        "axis_inverted"
-      );
-      this.z_inverted = axes_inverted['z'] ? "" : "not ";
-    }
-  }
+      let axes_inverted = await this.readThingProperty("stage", "axis_inverted");
+      this.z_inverted = axes_inverted["z"] ? "" : "not ";
+    },
+  },
 };
 </script>