diff --git a/src/WebApi_devinfo.cpp b/src/WebApi_devinfo.cpp
index e4a75a2..b497b26 100644
--- a/src/WebApi_devinfo.cpp
+++ b/src/WebApi_devinfo.cpp
@@ -36,6 +36,7 @@ void WebApiDevInfoClass::onDevInfoStatus(AsyncWebServerRequest* request)
             ((uint32_t)(inv->serial() & 0xFFFFFFFF)));
 
         JsonObject devInfoObj = root[buffer].createNestedObject();
+        devInfoObj[F("valid_data")] = inv->DevInfo()->getLastUpdate() > 0;
         devInfoObj[F("fw_bootloader_version")] = inv->DevInfo()->getFwBootloaderVersion();
         devInfoObj[F("fw_build_version")] = inv->DevInfo()->getFwBuildVersion();
         devInfoObj[F("hw_part_number")] = inv->DevInfo()->getHwPartNumber();
diff --git a/webapp/src/components/partials/DevInfo.vue b/webapp/src/components/partials/DevInfo.vue
index e8e35a9..598c9c2 100644
--- a/webapp/src/components/partials/DevInfo.vue
+++ b/webapp/src/components/partials/DevInfo.vue
@@ -1,5 +1,10 @@
 <template>
-    <table class="table table-hover">
+    <BootstrapAlert :show="!devInfoList.valid_data">
+        <h4 class="alert-heading">
+            <BIconInfoSquare class="fs-2" />&nbsp;No Information available
+        </h4>Did not receive any valid data from the inverter till now. Still trying...
+    </BootstrapAlert>
+    <table v-if="devInfoList.valid_data" class="table table-hover">
         <tbody>
             <tr>
                 <td>Bootloader Version</td>
@@ -27,8 +32,10 @@
 
 <script lang="ts">
 import { defineComponent } from 'vue';
+import BootstrapAlert from '@/components/partials/BootstrapAlert.vue';
 
 declare interface DevInfoData {
+    valid_data: boolean,
     fw_bootloader_version: number,
     fw_build_version: number,
     fw_build_datetime: Date,
@@ -37,6 +44,9 @@ declare interface DevInfoData {
 }
 
 export default defineComponent({
+    components: {
+        BootstrapAlert,
+    },
     props: {
         devInfoList: { type: Object as () => DevInfoData, required: true },
     },