diff --git a/nextcloud_backup/frontend/src/components/statusBar/BackupStatus.vue b/nextcloud_backup/frontend/src/components/statusBar/BackupStatus.vue
index 1f32c94..f6e2451 100644
--- a/nextcloud_backup/frontend/src/components/statusBar/BackupStatus.vue
+++ b/nextcloud_backup/frontend/src/components/statusBar/BackupStatus.vue
@@ -49,8 +49,8 @@
             <span class="me-auto">Next</span>
             <v-chip
               variant="elevated"
-              color="success"
-              prepend-icon="mdi-update"
+              :color="nextBackupProps.color"
+              :prepend-icon="nextBackupProps.icon"
             >
               {{
                 status?.next_backup
@@ -111,6 +111,14 @@ const lastBackupProps = computed(() => {
   }
 });
 
+const nextBackupProps = computed(() => {
+  if (props.status?.next_backup == undefined) {
+    return { icon: "mdi-help-circle", color: "" };
+  } else {
+    return { icon: "mdi-update", color: "green" };
+  } 
+});
+
 const indeterminate = computed(()=> {
   return props.status?.progress == -1 && props.status.status != States.IDLE
 })