Web:Tooltip Fixed color

packages/client/src/pages/PortalSettings/categories/data-management/index.js

@@ -50,7 +50,6 @@ const DataManagementWrapper = (props) => {
               <Box as={"span"} marginProp="10px 0 0">
                 <Link
                   id="link-tooltip"
-                  color="#333333"
                   fontSize="13px"
                   href={isAutoBackupPage ? automaticBackupUrl : dataBackupUrl}
                   target="_blank"

packages/client/src/pages/PortalSettings/categories/developer-tools/Webhooks/sub-components/SecretKeyInput.js

@@ -113,7 +113,7 @@ const SecretKeyInput = (props) => {
                 href={webhooksGuideUrl}
                 target="_blank"
                 className="link"
-                color="#333333">
+              >
                 {t("ReadMore")}
               </Link>
             </Text>
@@ -131,7 +131,8 @@ const SecretKeyInput = (props) => {
             isHovered={true}
             onClick={hideReset}
             className="link"
-            color="#333333">
+            color="#333333"
+          >
             {t("ResetKey")}
           </Link>
         </Hint>
@@ -158,7 +159,8 @@ const SecretKeyInput = (props) => {
           fontWeight={600}
           isHovered={true}
           onClick={generatePassword}
-          className="link dotted">
+          className="link dotted"
+        >
           {t("Generate")}
         </Link>
       </div>

packages/components/password-input/styled-password-input.js

@@ -137,22 +137,18 @@ const TooltipStyle = styled.div`
 
 const StyledTooltipContainer = styled(Text)`
   // margin: 8px 16px 16px 16px;
-  color: ${(props) => props.theme.passwordInput.tooltipTextColor} !important;
+  color: ${(props) => props.theme.passwordInput.tooltipTextColor};
 
   .generate-btn-container {
     margin-top: 10px;
   }
-
-  .generate-btn {
-    color: ${(props) => props.theme.passwordInput.tooltipTextColor};
-  }
 `;
 
 StyledTooltipContainer.defaultProps = { theme: Base };
 
 const StyledTooltipItem = styled(Text)`
   //height: 24px;
-  color: ${(props) => (props.valid ? "#44bb00" : "#B40404")};
+  color: ${(props) => (props.valid ? "#44bb00" : "#B40404")} !important;
 `;
 
 export {