diff --git a/src/components/betaflight-logo/BetaflightLogo.vue b/src/components/betaflight-logo/BetaflightLogo.vue
index 8ebe3fa9..df7453ee 100644
--- a/src/components/betaflight-logo/BetaflightLogo.vue
+++ b/src/components/betaflight-logo/BetaflightLogo.vue
@@ -1,3 +1,43 @@
+<template>
+  <div class="logo">
+    <div class="logo_text">
+      <span>
+        {{ $t("versionLabelConfigurator") }}: {{ configuratorVersion }}
+      </span>
+      <span v-if="firmwareVersion && firmwareId">
+        {{ $t("versionLabelFirmware") }}: {{ firmwareVersion }}
+        {{ firmwareId }}
+      </span>
+      <span v-if="hardwareId">
+        {{ $t("versionLabelTarget") }}: {{ hardwareId }}
+      </span>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  props: {
+    configuratorVersion: {
+      type: String,
+      required: true,
+    },
+    firmwareVersion: {
+      type: String,
+      default: '',
+    },
+    firmwareId: {
+      type: String,
+      default: '',
+    },
+    hardwareId: {
+      type: String,
+      default: '',
+    },
+  },
+};
+</script>
+
 <style>
 .logo {
   height: 70px;
@@ -69,40 +109,3 @@
   }
 }
 </style>
-
-<template>
-  <div class="logo">
-    <div class="logo_text">
-      <span>
-        {{ $t("versionLabelConfigurator") }}: {{ configuratorVersion }}
-      </span>
-      <span v-if="firmwareVersion && firmwareId">
-        {{ $t("versionLabelFirmware") }}: {{ firmwareVersion }}
-        {{ firmwareId }}
-      </span>
-      <span v-if="hardwareId">
-        {{ $t("versionLabelTarget") }}: {{ hardwareId }}
-      </span>
-    </div>
-  </div>
-</template>
-
-<script>
-export default {
-  props: {
-    configuratorVersion: {
-      type: String,
-      required: true,
-    },
-    firmwareVersion: {
-      type: String,
-    },
-    firmwareId: {
-      type: String,
-    },
-    hardwareId: {
-      type: String,
-    },
-  },
-};
-</script>
diff --git a/src/components/status-bar/PortUtilization.vue b/src/components/status-bar/PortUtilization.vue
index d00ae1d2..48a4ae53 100644
--- a/src/components/status-bar/PortUtilization.vue
+++ b/src/components/status-bar/PortUtilization.vue
@@ -24,9 +24,11 @@ export default {
   props: {
     usageDown: {
       type: Number,
+      default: 0,
     },
     usageUp: {
       type: Number,
+      default: 0,
     },
   },
 };
diff --git a/src/components/status-bar/ReadingStat.vue b/src/components/status-bar/ReadingStat.vue
index 7577c038..83074919 100644
--- a/src/components/status-bar/ReadingStat.vue
+++ b/src/components/status-bar/ReadingStat.vue
@@ -5,17 +5,21 @@
     <span v-if="unit">{{ unit }}</span>
   </span>
 </template>
+
 <script>
 export default {
   props: {
     message: {
       type: String,
+      default: "",
     },
     value: {
       type: Number,
+      default: 0,
     },
     unit: {
       type: String,
+      default: "",
     },
   },
 };
diff --git a/src/components/status-bar/StatusBar.vue b/src/components/status-bar/StatusBar.vue
index 4da6de5a..70c916c6 100644
--- a/src/components/status-bar/StatusBar.vue
+++ b/src/components/status-bar/StatusBar.vue
@@ -29,6 +29,7 @@
     />
   </div>
 </template>
+
 <script>
 import StatusBarVersion from "./StatusBarVersion.vue";
 import ReadingStat from "./ReadingStat.vue";
@@ -43,34 +44,44 @@ export default {
   props: {
     portUsageDown: {
       type: Number,
+      default: 0,
     },
     portUsageUp: {
       type: Number,
+      default: 0,
     },
     packetError: {
       type: Number,
+      default: 0,
     },
     i2cError: {
       type: Number,
+      default: 0,
     },
     cycleTime: {
       type: Number,
+      default: 0,
     },
     cpuLoad: {
       type: Number,
+      default: 0,
     },
 
     configuratorVersion: {
       type: String,
+      default: '',
     },
     firmwareVersion: {
       type: String,
+      default: '',
     },
     firmwareId: {
       type: String,
+      default: '',
     },
     hardwareId: {
       type: String,
+      default: '',
     },
   },
 };
diff --git a/src/components/status-bar/StatusBarVersion.vue b/src/components/status-bar/StatusBarVersion.vue
index 57dc341b..adb735b3 100644
--- a/src/components/status-bar/StatusBarVersion.vue
+++ b/src/components/status-bar/StatusBarVersion.vue
@@ -16,15 +16,19 @@ export default {
   props: {
     configuratorVersion: {
       type: String,
+      default: '',
     },
     firmwareVersion: {
       type: String,
+      default: '',
     },
     firmwareId: {
       type: String,
+      default: '',
     },
     hardwareId: {
       type: String,
+      default: '',
     },
   },
 };