diff --git a/webui/src/components/Appliance/Appliances.vue b/webui/src/components/Appliance/Appliances.vue
index f13bb35..ad7719c 100644
--- a/webui/src/components/Appliance/Appliances.vue
+++ b/webui/src/components/Appliance/Appliances.vue
@@ -176,9 +176,9 @@
                         }}</v-list-item-subtitle>
                         <template v-slot:prepend>
                           <v-avatar>
-                            <v-icon :color="statusColor"
-                              >{{statusIcon}}</v-icon
-                            >
+                            <v-icon :color="statusColor">{{
+                              statusIcon
+                            }}</v-icon>
                           </v-avatar>
                         </template>
                       </v-list-item>
@@ -191,9 +191,7 @@
                         </v-list-item-subtitle>
                         <template v-slot:prepend>
                           <v-avatar>
-                            <v-icon color="#6ebe4a"
-                              >mdi-account-circle</v-icon
-                            >
+                            <v-icon color="#6ebe4a">mdi-account-circle</v-icon>
                           </v-avatar>
                         </template>
                       </v-list-item>
@@ -204,9 +202,7 @@
                         </v-list-item-subtitle>
                         <template v-slot:prepend>
                           <v-avatar>
-                            <v-icon color="#6ebe4a"
-                              >mdi-shield-account</v-icon
-                            >
+                            <v-icon color="#6ebe4a">mdi-shield-account</v-icon>
                           </v-avatar>
                         </template>
                       </v-list-item>
@@ -1533,11 +1529,9 @@ export default {
     const selectedBladeIp = computed(() => bladeStore.selectedBladeIp);
     const selectedBladePort = computed(() => bladeStore.selectedBladePortNum);
     const selectedBladeStatus = computed(() => bladeStore.selectedBladeStatus);
-    
+
     const statusColor = computed(() => {
-      return selectedBladeStatus.value === "online"
-        ? "#6ebe4a"
-        : "warning";
+      return selectedBladeStatus.value === "online" ? "#6ebe4a" : "warning";
     });
 
     const statusIcon = computed(() => {
@@ -1556,7 +1550,7 @@ export default {
       bladePort: number,
       bladeMemoryAvailable: number,
       bladeMemoryAllocated: number,
-      bladeStatus: string
+      bladeStatus: string | undefined
     ) => {
       bladeStore.selectBlade(
         bladeId,
diff --git a/webui/src/components/CXL-Hosts/CXL-Hosts.vue b/webui/src/components/CXL-Hosts/CXL-Hosts.vue
index 1fd1710..cb843ac 100644
--- a/webui/src/components/CXL-Hosts/CXL-Hosts.vue
+++ b/webui/src/components/CXL-Hosts/CXL-Hosts.vue
@@ -760,7 +760,7 @@ export default {
             selectedHost.ipAddress,
             selectedHost.port,
             selectedHost.localMemoryMiB,
-            selectedHost.selectedBladeStatus
+            selectedHost.status
           );
         }
 
@@ -930,7 +930,7 @@ export default {
       hostIp: string,
       hostPort: number,
       hostLocalMemory: number | undefined,
-      hostStatus: string
+      hostStatus: string | undefined
     ) => {
       hostStore.selectHost(
         hostId,
diff --git a/webui/src/components/Stores/BladeStore.ts b/webui/src/components/Stores/BladeStore.ts
index cd01240..bddaee2 100644
--- a/webui/src/components/Stores/BladeStore.ts
+++ b/webui/src/components/Stores/BladeStore.ts
@@ -14,7 +14,7 @@ export const useBladeStore = defineStore('blade', {
         selectedBladePortNum: null as unknown as number,
         selectedBladeTotalMemoryAvailableMiB: null as unknown as number | undefined,
         selectedBladeTotalMemoryAllocatedMiB: null as unknown as number | undefined,
-        selectedBladeStatus: null as unknown as string,
+        selectedBladeStatus: null as unknown as string | undefined,
         addBladeError: null as unknown,
         deleteBladeError: null as unknown,
         resyncBladeError: null as unknown,
@@ -146,7 +146,7 @@ export const useBladeStore = defineStore('blade', {
         },
 
 
-        selectBlade(bladeId: string, selectedBladeIp: string, selectBladePortNum: number, selectedBladeTotalMemoryAvailableMiB: number, selectedBladeTotalMemoryAllocatedMiB: number, status: string) {
+        selectBlade(bladeId: string, selectedBladeIp: string, selectBladePortNum: number, selectedBladeTotalMemoryAvailableMiB: number, selectedBladeTotalMemoryAllocatedMiB: number, status: string | undefined) {
             this.selectedBladeId = bladeId;
             this.selectedBladeIp = selectedBladeIp;
             this.selectedBladePortNum = selectBladePortNum;
diff --git a/webui/src/components/Stores/HostStore.ts b/webui/src/components/Stores/HostStore.ts
index ff6c7ef..b90e8f4 100644
--- a/webui/src/components/Stores/HostStore.ts
+++ b/webui/src/components/Stores/HostStore.ts
@@ -14,7 +14,7 @@ export const useHostStore = defineStore('host', {
         selectedHostIp: null as unknown as string,
         selectedHostPortNum: null as unknown as number,
         selectedHostLocalMemory: null as unknown as number | undefined,
-        selectedHostStatus: null as unknown as string,
+        selectedHostStatus: null as unknown as string | undefined,
         addHostError: null as unknown,
         deleteHostError: null as unknown,
         resyncHostError: null as unknown,
@@ -124,7 +124,7 @@ export const useHostStore = defineStore('host', {
             }
         },
 
-        selectHost(selectedHostId: string, selectedHostIp: string, selectedHostPortNum: number, selectedHostLocalMemory: number | undefined, status: string) {
+        selectHost(selectedHostId: string, selectedHostIp: string, selectedHostPortNum: number, selectedHostLocalMemory: number | undefined, status: string | undefined) {
             this.selectedHostId = selectedHostId;
             this.selectedHostIp = selectedHostIp;
             this.selectedHostPortNum = selectedHostPortNum;