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"