diff --git a/x-pack/solutions/security/plugins/security_solution/public/timelines/components/save_status/index.tsx b/x-pack/solutions/security/plugins/security_solution/public/timelines/components/save_status/index.tsx
index 606f674fcd595..5c6b1c606ae70 100644
--- a/x-pack/solutions/security/plugins/security_solution/public/timelines/components/save_status/index.tsx
+++ b/x-pack/solutions/security/plugins/security_solution/public/timelines/components/save_status/index.tsx
@@ -43,17 +43,23 @@ export const TimelineSaveStatus = React.memo<TimelineSaveStatusProps>(({ timelin
     changed = false,
     status,
     updated,
+    show,
   } = useDeepEqualSelector((state) =>
-    pick(['changed', 'status', 'updated'], getTimeline(state, timelineId) ?? timelineDefaults)
+    pick(
+      ['changed', 'status', 'updated', 'show'],
+      getTimeline(state, timelineId) ?? timelineDefaults
+    )
   );
 
   const isDraft = status === TimelineStatusEnum.draft;
 
+  const badgeColor = useMemo(() => (show ? 'warning' : 'default'), [show]);
+
   let statusContent: React.ReactNode;
   if (isDraft || !updated) {
-    statusContent = <EuiBadge color="warning">{UNSAVED}</EuiBadge>;
+    statusContent = <EuiBadge color={badgeColor}>{UNSAVED}</EuiBadge>;
   } else if (changed) {
-    statusContent = <EuiBadge color="warning">{UNSAVED_CHANGES}</EuiBadge>;
+    statusContent = <EuiBadge color={badgeColor}>{UNSAVED_CHANGES}</EuiBadge>;
   }
 
   if (!statusContent) return null;