diff --git a/web/src/components/settings/MasksAndZones.tsx b/web/src/components/settings/MasksAndZones.tsx
index 52cd0725b..84999da8f 100644
--- a/web/src/components/settings/MasksAndZones.tsx
+++ b/web/src/components/settings/MasksAndZones.tsx
@@ -177,11 +177,7 @@ export default function MasksAndZones({
     setAllPolygons([...(editingPolygons ?? [])]);
     setHoveredPolygonIndex(null);
     setUnsavedChanges(false);
-    addMessage(
-      "masks_zones",
-      "Restart required (masks/zones changed)",
-      "text-danger",
-    );
+    addMessage("masks_zones", "Restart required (masks/zones changed)");
   }, [editingPolygons, setUnsavedChanges, addMessage]);
 
   useEffect(() => {
diff --git a/web/src/components/settings/MotionTuner.tsx b/web/src/components/settings/MotionTuner.tsx
index 831079b3d..7bcd73428 100644
--- a/web/src/components/settings/MotionTuner.tsx
+++ b/web/src/components/settings/MotionTuner.tsx
@@ -153,7 +153,7 @@ export default function MotionTuner({
 
   useEffect(() => {
     if (changedValue) {
-      addMessage("motion_tuner", "Unsaved motion changes", "text-danger");
+      addMessage("motion_tuner", "Unsaved motion tuner changes");
     } else {
       clearMessages("motion_tuner");
     }
diff --git a/web/src/context/statusbar-provider.tsx b/web/src/context/statusbar-provider.tsx
index 29028d517..b5fbbfab4 100644
--- a/web/src/context/statusbar-provider.tsx
+++ b/web/src/context/statusbar-provider.tsx
@@ -9,7 +9,7 @@ import {
 export type StatusMessage = {
   id: string;
   text: string;
-  color: string;
+  color?: string;
 };
 
 export type StatusMessagesState = {
@@ -25,7 +25,7 @@ type StatusBarMessagesContextValue = {
   addMessage: (
     key: string,
     message: string,
-    color: string,
+    color?: string,
     messageId?: string,
   ) => string;
   removeMessage: (key: string, messageId: string) => void;
@@ -45,9 +45,13 @@ export function StatusBarMessagesProvider({
   const addMessage = useCallback(
     (key: string, message: string, color: string, messageId?: string) => {
       const id = messageId || Date.now().toString();
+      const msgColor = color || "text-danger";
       setMessagesState((prevMessages) => ({
         ...prevMessages,
-        [key]: [...(prevMessages[key] || []), { id, text: message, color }],
+        [key]: [
+          ...(prevMessages[key] || []),
+          { id, text: message, color: msgColor },
+        ],
       }));
       return id;
     },