From 4bf9dade25f89649386ac4f0018cc767792c8640 Mon Sep 17 00:00:00 2001
From: VinuGanesan <vinu.gceb@gmail.com>
Date: Mon, 4 Jul 2022 17:30:26 +0530
Subject: [PATCH] Field tooltip title with link fixed

---
 src/components/Shared/InputLabelHelp.js | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/components/Shared/InputLabelHelp.js b/src/components/Shared/InputLabelHelp.js
index cc869d4a1..cdb9e45f7 100644
--- a/src/components/Shared/InputLabelHelp.js
+++ b/src/components/Shared/InputLabelHelp.js
@@ -22,6 +22,11 @@ const useStyles = makeStyles(theme => ({
   linkHelpLabel: {
     paddingLeft: theme.spacing(0.5),
   },
+  tooltipPopper: {
+    '& a': {
+      color: theme.palette.common.white,
+    },
+  },
 }))
 
 export default function InputLabelHelp({
@@ -38,7 +43,12 @@ export default function InputLabelHelp({
     <Fragment>
       <span>{inputLabel}</span>
       {type === 'tooltip' ? (
-        <Tooltip title={tooltipTitle} placement={tooltipPlacement}>
+        <Tooltip
+          interactive
+          title={<div dangerouslySetInnerHTML={{ __html: tooltipTitle }} />}
+          placement={tooltipPlacement}
+          classes={{ popper: classes.tooltipPopper }}
+        >
           <span className={classes.root}>
             {icon ? icon : <HelpIcon />}
             {label ? (