From 5dad137631c5acedea0af762cc2bd078f3775b91 Mon Sep 17 00:00:00 2001
From: gopu-bruno <gopu@usebruno.com>
Date: Tue, 30 Dec 2025 14:33:57 +0530
Subject: [PATCH] fix: update secret var alert icon to use danger text color
 (#6562)

---
 .../src/components/SensitiveFieldWarning/StyledWrapper.js     | 4 ++++
 .../bruno-app/src/components/SensitiveFieldWarning/index.js   | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/packages/bruno-app/src/components/SensitiveFieldWarning/StyledWrapper.js b/packages/bruno-app/src/components/SensitiveFieldWarning/StyledWrapper.js
index 4c62b6001..f1df82fd7 100644
--- a/packages/bruno-app/src/components/SensitiveFieldWarning/StyledWrapper.js
+++ b/packages/bruno-app/src/components/SensitiveFieldWarning/StyledWrapper.js
@@ -5,6 +5,10 @@ const Wrapper = styled.div`
     font-size: ${(props) => props.theme.font.size.xs} !important;
     width: 150px !important;
   }
+
+  .tooltip-icon { 
+    color: ${(props) => props.theme.colors.text.danger};
+  }
 `;
 
 export default Wrapper;
diff --git a/packages/bruno-app/src/components/SensitiveFieldWarning/index.js b/packages/bruno-app/src/components/SensitiveFieldWarning/index.js
index 4e242ea9d..bf76eac6d 100644
--- a/packages/bruno-app/src/components/SensitiveFieldWarning/index.js
+++ b/packages/bruno-app/src/components/SensitiveFieldWarning/index.js
@@ -9,7 +9,7 @@ const SensitiveFieldWarning = ({ fieldName, warningMessage }) => {
   return (
     <StyledWrapper>
       <span className="ml-2 flex items-center">
-        <IconAlertTriangle id={tooltipId} className="text-amber-600 cursor-pointer" size={20} />
+        <IconAlertTriangle id={tooltipId} className="tooltip-icon cursor-pointer" size={20} />
         <Tooltip
           anchorId={tooltipId}
           className="tooltip-mod max-w-lg"