From 781def844dad7c8b04ae277ef5a4be72e1e8aa92 Mon Sep 17 00:00:00 2001
From: sanish chirayath <sanish@usebruno.com>
Date: Fri, 2 Jan 2026 20:53:47 +0530
Subject: [PATCH] fix: tooltip styling (#6632)

---
 .../src/components/EditableTable/StyledWrapper.js    |  1 -
 .../EnvironmentVariables/StyledWrapper.js            |  1 -
 .../RequestPane/WSSettingsPane/StyledWrapper.js      |  1 -
 .../SensitiveFieldWarning/StyledWrapper.js           |  1 -
 .../EnvironmentVariables/StyledWrapper.js            |  1 -
 packages/bruno-app/src/globalStyles.js               | 12 ++++++++++++
 6 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/packages/bruno-app/src/components/EditableTable/StyledWrapper.js b/packages/bruno-app/src/components/EditableTable/StyledWrapper.js
index 98b307d97..f980560ed 100644
--- a/packages/bruno-app/src/components/EditableTable/StyledWrapper.js
+++ b/packages/bruno-app/src/components/EditableTable/StyledWrapper.js
@@ -83,7 +83,6 @@ const StyledWrapper = styled.div`
   }
 
   .tooltip-mod {
-    font-size: 11px !important;
     max-width: 200px !important;
   }
 
diff --git a/packages/bruno-app/src/components/Environments/EnvironmentSettings/EnvironmentList/EnvironmentDetails/EnvironmentVariables/StyledWrapper.js b/packages/bruno-app/src/components/Environments/EnvironmentSettings/EnvironmentList/EnvironmentDetails/EnvironmentVariables/StyledWrapper.js
index b356ab017..4b062d3d3 100644
--- a/packages/bruno-app/src/components/Environments/EnvironmentSettings/EnvironmentList/EnvironmentDetails/EnvironmentVariables/StyledWrapper.js
+++ b/packages/bruno-app/src/components/Environments/EnvironmentSettings/EnvironmentList/EnvironmentDetails/EnvironmentVariables/StyledWrapper.js
@@ -76,7 +76,6 @@ const Wrapper = styled.div`
   }
 
   .tooltip-mod {
-    font-size: 11px !important;
     max-width: 200px !important;
   }
 
diff --git a/packages/bruno-app/src/components/RequestPane/WSSettingsPane/StyledWrapper.js b/packages/bruno-app/src/components/RequestPane/WSSettingsPane/StyledWrapper.js
index c1cd7afd1..985575708 100644
--- a/packages/bruno-app/src/components/RequestPane/WSSettingsPane/StyledWrapper.js
+++ b/packages/bruno-app/src/components/RequestPane/WSSettingsPane/StyledWrapper.js
@@ -13,7 +13,6 @@ const StyledWrapper = styled.div`
   }
 
   .tooltip-mod {
-    font-size: ${(props) => props.theme.font.size.xs} !important;
     width: 150px !important;
 
     & ul {
diff --git a/packages/bruno-app/src/components/SensitiveFieldWarning/StyledWrapper.js b/packages/bruno-app/src/components/SensitiveFieldWarning/StyledWrapper.js
index f1df82fd7..29129f1bb 100644
--- a/packages/bruno-app/src/components/SensitiveFieldWarning/StyledWrapper.js
+++ b/packages/bruno-app/src/components/SensitiveFieldWarning/StyledWrapper.js
@@ -2,7 +2,6 @@ import styled from 'styled-components';
 
 const Wrapper = styled.div`
   .tooltip-mod {
-    font-size: ${(props) => props.theme.font.size.xs} !important;
     width: 150px !important;
   }
 
diff --git a/packages/bruno-app/src/components/WorkspaceHome/WorkspaceEnvironments/EnvironmentList/EnvironmentDetails/EnvironmentVariables/StyledWrapper.js b/packages/bruno-app/src/components/WorkspaceHome/WorkspaceEnvironments/EnvironmentList/EnvironmentDetails/EnvironmentVariables/StyledWrapper.js
index c726b83b7..fb9a1d2e7 100644
--- a/packages/bruno-app/src/components/WorkspaceHome/WorkspaceEnvironments/EnvironmentList/EnvironmentDetails/EnvironmentVariables/StyledWrapper.js
+++ b/packages/bruno-app/src/components/WorkspaceHome/WorkspaceEnvironments/EnvironmentList/EnvironmentDetails/EnvironmentVariables/StyledWrapper.js
@@ -75,7 +75,6 @@ const Wrapper = styled.div`
   }
 
   .tooltip-mod {
-    font-size: 11px !important;
     max-width: 200px !important;
   }
 
diff --git a/packages/bruno-app/src/globalStyles.js b/packages/bruno-app/src/globalStyles.js
index 31421964e..ac675304d 100644
--- a/packages/bruno-app/src/globalStyles.js
+++ b/packages/bruno-app/src/globalStyles.js
@@ -19,6 +19,18 @@ const GlobalStyle = createGlobalStyle`
     color: ${(props) => props.theme.colors.text.muted};
   }
 
+  .tooltip-mod {
+    background-color: ${(props) => props.theme.infoTip.bg} !important;
+    color: ${(props) => props.theme.text} !important;
+    border: 1px solid ${(props) => props.theme.infoTip.border} !important;
+    box-shadow: ${(props) => props.theme.infoTip.boxShadow} !important;
+    font-size: ${(props) => props.theme.font.size.xs} !important;
+    padding: 4px 8px !important;
+    border-radius: 4px !important;
+    opacity: 1 !important;
+    z-index: 9999 !important;
+  }
+
   .btn {
     text-align: center;
     white-space: nowrap;