From 09181affbb080df20eb5d893d5691eea848125fc Mon Sep 17 00:00:00 2001
From: Usman Baig <mubaig@pm.me>
Date: Wed, 25 Mar 2026 23:11:51 +0100
Subject: [PATCH] fix: danger zone red background on pending save bar, normal
 text color

---
 components/settings/unified/UnifiedSettingsModal.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/components/settings/unified/UnifiedSettingsModal.tsx b/components/settings/unified/UnifiedSettingsModal.tsx
index b529e14..42ba088 100644
--- a/components/settings/unified/UnifiedSettingsModal.tsx
+++ b/components/settings/unified/UnifiedSettingsModal.tsx
@@ -449,8 +449,12 @@ export default function UnifiedSettingsModal() {
                     transition={{ duration: 0.15 }}
                     className="shrink-0 overflow-hidden"
                   >
-                    <div className="px-6 py-3 border-t border-neutral-800 bg-neutral-950 flex items-center justify-between">
-                      <span className={`text-sm font-medium ${hasPendingAction ? 'text-red-400' : 'text-neutral-400'}`}>
+                    <div className={`px-6 py-3 border-t flex items-center justify-between ${
+                      hasPendingAction
+                        ? 'bg-red-900/10 border-red-900/30'
+                        : 'bg-neutral-950 border-neutral-800'
+                    }`}>
+                      <span className="text-sm font-medium text-neutral-400">
                         {hasPendingAction ? 'Save or discard to continue' : 'Unsaved changes'}
                       </span>
                       <div className="flex items-center gap-2">