diff --git a/webapp/src/components/modalComponents/calibrationWizardComponents/zmotordirectionstep.vue b/webapp/src/components/modalComponents/calibrationWizardComponents/zmotordirectionstep.vue
index 454fff7d..3b122294 100644
--- a/webapp/src/components/modalComponents/calibrationWizardComponents/zmotordirectionstep.vue
+++ b/webapp/src/components/modalComponents/calibrationWizardComponents/zmotordirectionstep.vue
@@ -1,7 +1,10 @@
 <template>
   <div>
     <p>First, let's check your stage's z motor direction.</p>
-    <p>Looking at the exposed z gear from above, which way does it turn when you press and hold the button below?</p>
+    <p>
+      Looking at the exposed z gear from above, which way does it turn when you press and hold the
+      button below?
+    </p>
     <div class="uk-margin uk-flex uk-flex-center">
       <button
         class="uk-button uk-button-primary jog-z-btn"
@@ -43,6 +46,8 @@ export default {
     ActionButton,
   },
 
+  emits: ["advance", "awaiting-user"],
+
   data: function () {
     return {
       jogIntervalId: null,
@@ -51,7 +56,9 @@ export default {
     };
   },
 
-  emits: ["advance", "awaiting-user"],
+  mounted() {
+    this.$emit("awaiting-user", true);
+  },
 
   methods: {
     jogZ(pointerEvent) {
@@ -80,20 +87,14 @@ export default {
       this.$emit("advance");
     },
   },
-
-  mounted() {
-    this.$emit("awaiting-user", true);
-  }
 };
-
-
 </script>
 
 <style lang="less">
 .jog-z-btn {
   display: flex;
   align-items: center;
-  padding: 0px 30px;
+  padding: 0 30px;
   gap: 4px;
 }
-</style>
\ No newline at end of file
+</style>